javascript - 水平滚动到 anchor 并阻止 y 轴

Question

我有一个 position:fixed arrow-navigation，它可以让你通过 jquery 和水平定位的 anchor 向左或向右滚动几列:

        $('html,body').animate({
        scrollLeft: $(target).offset().left
        }, 800 , function (){window.location.hash = target;});

到目前为止效果很好。

列很窄，它们可以变得很长，迫使用户向下滚动。向下滚动并想跳转到另一列后，js 会继续播放幻灯片动画，然后跳转到下一列的顶部。

有没有办法阻止运动的y轴？或者告诉脚本只进行水平移动？

提前致谢!

Answer 1

问题在于，在您完成动画之后，您会将散列设置为目标。这将强制浏览器跳转到具有哈希 id 的元素。你实际上不想要这种行为，因为你只想要 y 轴。

也许可以在元素的末尾附加一个字符串，这样您仍然可以定位它，但不是您设置哈希标签的内容。

 scrollLeft: $(target + "_real").offset().left
        }, 800 , function (){window.location.hash = target;});