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

这个问题在这里已经有了答案:

  • jQuery跳转或滚动到某个位置,div或target上的按钮onclick [复制] 2个答案
  • jQuery滚动到元素24的答案

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

    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/23079.html

    上一篇: Scroll to a specific position on a page using Javascript / Jquery

    下一篇: Strange Date behavior in Chrome