Question

当一个元素是：hovered

时，我正试图让整个页面滚动

$(document).ready(function(){

    $('.wrap-who-mobile').mouseover(function(){

      $('html','body').animate({
      scrollTop: .offset(300).top
      }, 300);

    });

});

我就在这一点但没有任何反应，我对jQuery一团糟，你能帮助我吗？
我的目标是在.wrap-who-mobile出现时向上移动300px的页面：hovered

谢谢

Answer 1

使用此插件：https://github.com/flesler/jquery.scrollTo

易于使用且易于使用：

`$('.wrap-who-mobile').mouseenter(function(){
   //basic usage of scroll-top plugin
    $("body").scrollTo(300,'slow',{axis:'y'});
});`

Answer 2

<强>更新

认为应该这样做：

$('.wrap-who-mobile').mouseover(function(){
  var newPos = 300;
  var scrollHeight = $('body').scrollTop();

  $('html,body').animate({
    scrollTop: scrollHeight - newPos
  }, 300);

});

https://jsfiddle.net/e0Lw4meo/3/

使用jQuery滚动页面

2 个答案: