jQuery scrollTo插件问题。什么都没动?

时间:2011-08-18 10:49:20

标签: jquery scrollto

我在尝试让div滚动到我正在构建的页面时遇到了麻烦。

我基本上有一个div元素,里面有一个更广泛的div,我想滚动显示不同的区域,并因此更改内容。基本上是一个标签滑块,但有点不同。

我目前正在设置它以处理有问题的div的悬停,事件触发但没有任何反应。请帮忙!

网址为:http://ram.grtest.com/,然后点击“加入”。将鼠标悬停在那里的内容上,该事件应该触发。不要点击“下一步”> - 提交表格!

这是初始化(测试数据,我将稍后调整运动量)

$('#join-content').hover(function(){
    $('#join-wrapper-scroll').scrollTo({axis: 'x',left:'+=100'}, 2000);
    return false;   
});

提前致谢!

2 个答案:

答案 0 :(得分:0)

#join-wrapper-scroll在内容之前是否有内层?即。

<div id="join-wrapper-scroll">
    <ul> <!-- inner layer -->
        <li>Content that scrolls.</li>
        <li>Content that scrolls.</li>
    </ul>
</div>

你需要一个“内层”,否则插件将无法理解滚动内容。

答案 1 :(得分:0)

我想你想使用animate:

$("#join-wrapper-scroll").animate({"left": "-=600"}, 1000);