Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery scrollTo,div不滚动_Jquery_Scrollto - Fatal编程技术网

jQuery scrollTo,div不滚动

jQuery 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

我尝试使用用于jQuery的scrollTo插件来水平滚动某些内容:

HTML

JavaScript

  $("#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;
});