Question

我正在尝试使用jQuery的scrollTo插件来横向滚动某些内容：

HTML

<a id="back">Back</a>
<div id="placeholder">
    <div id="content">Content goes here</div>
</div>
<a id="forward">Forward</a>

CSS

#placeholder { width: 640px; height: 480px; overflow: hidden; }
#content { width: 9999em; }

的JavaScript

  $("#back").click(function(){
    $('#content').scrollTo({left:'-=100px'} , 500);
  });
  $("#forward").click(function(){
    $('#content').scrollTo({left: '+=100px'} , 500);
  });

我已经尝试过在很多方面应用scrollTo，现在我开始怀疑它是否与最新版本的jQuery兼容，我正在使用它。没有出现JavaScript错误，我可以在链接功能中调用警报或类似内容，但#content不想移动。我在这里错过了什么吗？

Answer 1

除非它的位置是相对的，固定的或绝对的，否则css'left'属性将不会做任何事情。此外，您可以使用.animate（）而不是.scrollTo，因为它听起来像您安装的任何插件都是无关紧要的。

试试这个jsfiddle：http://jsfiddle.net/ndz5K/4/

我刚刚将（1）#content的CSS改为亲戚，（2）.scrollTo（）改为.animate（）

Answer 2

是的，请包含以下代码段

$("#clickhere").click(function() {
    $('html, body').animate({
        scrollTop: $("#scrolltodiv").offset().top
    }, 2000);
   return false;
});

jQuery scrollTo，div不滚动

2 个答案: