單擊按鈕時如何自動滾動到div？

Question

我在頁面頂部有一個按鈕，在中間有4個表，在頁面底部有一個div（id =“ MasterDiv”）。 單擊按鈕時如何自動滾動到div？ 謝謝

Answer 1

您可以使用此函數（使用jQuery的.animate ）

function scrollToElement(selector, callback){
    var animation = {scrollTop: $(selector).offset().top};
    $('html,body').animate(animation, 'slow', 'swing', function() {
        if (typeof callback == 'function') {
            callback();
        }
        callback = null;
    });
}

您這樣稱呼它：

scrollToElement('#MasterDiv');

或者，如果您要包含回調：

scrollToElement('#MasterDiv', function(){
  alert('Page scrolled');
});

Answer 2

Example
A named anchor inside an HTML document:

<a name="tips">Useful Tips Section</a>
Create a link to the "Useful Tips Section" inside the same document:

<a href="#tips">Visit the Useful Tips Section</a>
Or, create a link to the "Useful Tips Section" from another page:

<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

資源

Answer 3

您可以嘗試以下庫： http : //demos.flesler.com/jquery/scrollTo/

Answer 4

沒有動畫基本的Javascript示例（使用ID代替name屬性）

window.location = "#MasterDiv";

有關window.location的更多信息

jQuery動畫示例

$.scrollTo("#MasterDiv");

ScrollTo Jquery插件