Scroll to a specific position on a page using Javascript / Jquery

This question already has an answer here:

  • jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate] 2 answers
  • jQuery scroll to element 24 answers

  • 经过大量的搜索,我发现你只需要这样做:

    location.hash = "elementId"
    

    以下是我使用浏览器控制台在今日纽约时报首页上测试的一个示例函数:

    function scrollToElement(pageElement) {    
        var positionX = 0,         
            positionY = 0;    
    
        while(pageElement != null){        
            positionX += pageElement.offsetLeft;        
            positionY += pageElement.offsetTop;        
            pageElement = pageElement.offsetParent;        
            window.scrollTo(positionX, positionY);    
        }
    }
    
    var pageElement = document.getElementById("insideNYTimesHeader");
    scrollToElement(pageElement);
    

    另一个解决方案是scrollIntoView()

    document.getElementById("elementID").scrollIntoView();
    
    链接地址: http://www.djcxy.com/p/23080.html

    上一篇: 点击向上或向下按钮时滚动div内容

    下一篇: 使用Javascript / Jquery滚动到页面上的特定位置