js，jquery滚动/跳转页面到指定位置的实现思路

深藏阁楼爱情的钟 2022-03-19 04:44 404阅读 0赞

## js，jquery滚动/跳转页面到指定位置的实现思路 ##

<body>
    	<input type="button" value="点击button跳转" onclick="click_scroll();" /> 
    	<a id="anchor_scroll" href="#pos" style="display:none">点击这里本页跳转</a>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div name="pos"  id="pos">滚动到这里</div> 
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    	<div>aaa</div>
    	<div>aaa</div>
    	<div>aaa</div>
    	
    </body>