jQuery scrollTo,div不滚动
我尝试使用用于jQuery的scrollTo插件来水平滚动某些内容: HTML JavaScriptjQuery scrollTo,div不滚动,jquery,scrollto,Jquery,Scrollto,我尝试使用用于jQuery的scrollTo插件来水平滚动某些内容: HTML JavaScript $("#back").click(function(){ $('#content').scrollTo({left:'-=100px'} , 500); }); $("#forward").click(function(){ $('#content').scrollTo({left: '+=100px'} , 500); }); 我尝试了很多方法来应用scrol
$("#back").click(function(){
$('#content').scrollTo({left:'-=100px'} , 500);
});
$("#forward").click(function(){
$('#content').scrollTo({left: '+=100px'} , 500);
});
我尝试了很多方法来应用scrollTo,现在我开始怀疑它是否与我正在使用的最新版本的jQuery兼容。没有出现JavaScript错误,我可以在link函数中得到一个警报或类似的调用,但是#content不想移动。我在这里遗漏了什么吗?css“left”属性不会做任何事情,除非它是位置:相对、固定或绝对。此外,您还可以使用.animate()而不是.scrollTo,因为听起来您安装的任何插件都是无关的 试试这个JSFIDLE:
我刚刚将(1)#content的CSS更改为相对,将(2).scrollTo()更改为.animate()CSS的“left”属性不会做任何事情,除非它的位置为:相对、固定或绝对。此外,您还可以使用.animate()而不是.scrollTo,因为听起来您安装的任何插件都是无关的 试试这个JSFIDLE:
我刚刚将(1)#content的CSS更改为relative,将(2).scrollTo()更改为.animate()是的,包括以下代码片段
$("#clickhere").click(function() {
$('html, body').animate({
scrollTop: $("#scrolltodiv").offset().top
}, 2000);
return false;
});
是,包括以下代码段
$("#clickhere").click(function() {
$('html, body').animate({
scrollTop: $("#scrolltodiv").offset().top
}, 2000);
return false;
});
既然您提到了它,jQuery的animate()似乎也能正常工作。谢谢既然您提到了它,jQuery的animate()似乎也能正常工作。谢谢
$("#clickhere").click(function() {
$('html, body').animate({
scrollTop: $("#scrolltodiv").offset().top
}, 2000);
return false;
});