javascript - 单击带有ID的 anchor 标记时需要平滑滚动到div，而不是跳转到该div。

This question already has answers here:

jQuery scroll to element

(32个答案)


6年前关闭。

<div id="slider">
    <div id="pro1"></div>
    <div id="pro2"></div>
    <div id="pro3"></div>
</div>

<div id="thumb">
    <a href="#pro1"> <img id="tpro1" src="projects/tpro5.jpg" style="height: 100%;"></a>
    <a href="#pro2"> <img id="tpro2" src="projects/tpro5.jpg" style="height: 100%;"></a>
    <a href="#pro3"> <img id="tpro3" src="projects/tpro5.jpg" style="height: 100%;"></a>
</div>

这是我使用的代码，当我单击链接时，它只是跳转到该div，因此我希望一些动画水平滚动显示该div
谢谢

最佳答案

你已经解决了这个问题吗？

你看，我试过了，对我有用，所以，我认为它可以为你工作;)
甚至不需要元素

$("#thethingyougonnaclick").click(function() {
    $('html, body').animate({ scrollTop:$("#theelementidtoscroll").offset().top}, 500);
});