我在尝试让div
滚动到我正在构建的页面时遇到了麻烦。
我基本上有一个div
元素,里面有一个更广泛的div
,我想滚动显示不同的区域,并因此更改内容。基本上是一个标签滑块,但有点不同。
我目前正在设置它以处理有问题的div
的悬停,事件触发但没有任何反应。请帮忙!
网址为:http://ram.grtest.com/,然后点击“加入”。将鼠标悬停在那里的内容上,该事件应该触发。不要点击“下一步”> - 提交表格!
这是初始化(测试数据,我将稍后调整运动量)
$('#join-content').hover(function(){
$('#join-wrapper-scroll').scrollTo({axis: 'x',left:'+=100'}, 2000);
return false;
});
提前致谢!
答案 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);