滚动到达时滑动图像

时间:2017-08-25 04:37:06

标签: android jquery html

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应用程序,而不是一个网站,而且我是新手,所以我不知道它的工作原理是否相同。

1 个答案:

答案 0 :(得分:2)

您忘记了jQuery选择器中的哈希(#)。

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

function scrollFunction() {

  if (document.body.scrollTop > 700 ) {

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

  }

}

检查它是否正常工作。