對於網頁編程開發人員來說，在網站頁面開發的過程中，有時候我們需要實現當點擊一個按鈕或者超鏈接時，立刻滾動跳轉定位到本頁面中指定的位置。對於大多數的編程老手來說，這些都不是什麼難事，但對於一些新手或者沒有深入學習編程開發的人來說，可能不知道如何去實現，在這裏就和大家分享一下html js點擊按鈕滾動跳轉定位到頁面指定位置（DIV）的方法代碼。
這裏主要分爲兩種情況，分別是點擊錨點實現跳轉和點擊button按鈕實現跳轉頁面，下面就分別探討一下兩種方式的具體實現代碼。
一：a標籤 實現滾動定位到頁面指定位置（DIV）：
如果我們要點擊實現跳轉的地方是一個html錨點，也就是點擊一個A標籤超鏈接實現跳轉，可以把A標籤的href屬性直接指向跳轉指定位置的div，代碼實現思路如下：
<a href="#abc">點擊跳轉</a>
<div id=“abc”>將要跳轉到這裏</div>
點擊上面A鏈接將會滾動跳轉到同一頁面中id="abc"的那個div處，需要注意的是跳轉指定位置div的id是唯一的，A標籤直接指向此id，id前面別忘了加上#號。
二：使用js實現滾定跳轉到頁面指定位置（DIV）：
如果我們要點擊實現跳轉的地方是一個button按鈕的話，由於button不能添加href，所以我們只好使用js跳轉代碼來實現，具體代碼示例如下：
頁面點擊事件觸發點
<div class="item-nav fl click_light cur" data_type="rmhd">
<div class="cont-info-wrap mb80" id="rmhd">
需要跳轉到的頁面位置
</div>
實現代碼段：
$('.click_light').on('',function(){
var type = $(this).attr("data_type");
window.location.hash = '#' + type;
});