Question

有人可以看看这个javaScript并告诉我必须更改以使其向右滚动。感谢

   $(function() {
      $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            $('body').animate({
              scrollLeft: target.offset().top
            }, 1000);
            return false;
          }
        }
      });
    });

添加了HTML：

     <div class = "option1"> 
    <a href= #point1> ➟
    </a>
   </div>

<div class = "cheet">
<img src = "https://cms-assets.tutsplus.com/uploads/users/108/posts/21424/image/run-animation-2-3-clipping-mask-base.gif">
</div>
    <div class = "page2">
        <div class = "land4">

        <img src =   "http://www.mcdonalds.com/us_assets/value_all_assets/GOC_TreeSilhouettes.png"> 
        </div>

          </div>

Answer 1

如果您将scrollleft设为负数，则会向右滚动。

$('body').animate({
    scrollLeft: -target.offset().top
}, 1000);

我添加了this JSFiddle作为示例。

我还找到了一个JSFiddle，可以用图片here完成你想要的东西。

需要向右滚动然后向左滚动的功能

1 个答案: