当点击带有id的锚标签而不是跳转到该div时,需要平滑滚动到div

Question

<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

谢谢

Answer 1

你已经解决问题了吗？

看，我尝试了这个，它对我有用，所以我认为它对你也有用；）甚至不需要元素< a >

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