Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当单击带有id的锚标记时,需要平滑滚动到一个div,而不是跳到该div_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 当单击带有id的锚标记时,需要平滑滚动到一个div,而不是跳到该div

Javascript 当单击带有id的锚标记时,需要平滑滚动到一个div,而不是跳到该div,javascript,jquery,css,html,Javascript,Jquery,Css,Html,这就是我使用的代码,当我点击链接时,它只是跳转到div,所以我想要一些动画水平滚动来显示div 谢谢你已经解决问题了吗 听着,我试过这个,它对我有效,所以,我认为它对你有效;) 甚至不需要元素 这已经被问了很多次了:。您可以采用此处的答案进行水平滚动。 <div id="slider"> <div id="pro1"></div> <div id="pro2"></div> <div id="pro3"&g

这就是我使用的代码,当我点击链接时,它只是跳转到
div
,所以我想要一些动画水平滚动来显示
div


谢谢

你已经解决问题了吗

听着,我试过这个,它对我有效,所以,我认为它对你有效;) 甚至不需要元素


这已经被问了很多次了:。您可以采用此处的答案进行水平滚动。
<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>
$("#thethingyougonnaclick").click(function() {
    $('html, body').animate({ scrollTop:$("#theelementidtoscroll").offset().top}, 500);
});