滚动到达时滑动图像

Question

HTML：

<div id="slideimage">

<a href="#"> <img src="file:///android_asset/images/mainpageimage1.jpg"  style="width:100%; height:auto; padding-bottom:7px;" ></a>
<a href="#"> <img src="file:///android_asset/images/mainpageimage2.jpg" style="width:100%; height:auto;" ></a>

</div>

脚本：

window.onscroll = function () { scrollFunction() };

function scrollFunction() {
    if (document.body.scrollTop > 700 ) {
        $("slideimage").animate({left: '250px'});
    }

我有上面的代码，但它没有做任何事情。

我只需要一个简单的代码来滑动图像。

问题是该代码是一个基于HTML代码的Android应用程序，而不是一个网站，而且我是新手，所以我不知道它的工作原理是否相同。

Answer 1

您忘记了jQuery选择器中的哈希（＃）。

window.onscroll = function () { scrollFunction() };

function scrollFunction() {

  if (document.body.scrollTop > 700 ) {

    $('#slideimage').animate({left: '250px'});

  }

}

检查它是否正常工作。