JavaScript滚动到父DIV的顶部

Question

我正在尝试使用以下方法滚动到给定页面元素的位置，但是它一直使我一直滚动到页面顶部：

var $ = function(el) {
        return document.getElementById(el); 
}

var scrollToEl = (function(){
    var page = $('PageContainer'),
    headerHeight = $('FixedHeader').getBoundingClientRect().height;

    return function(el){
        if (typeof el !== 'object') return false; 

        // If a jQuery object, convert to raw DOM el
        if ('get' in el) el = el.get(0);

        // Outputs DOM element, 75, DOM element
        console.debug(page, headerHeight, el); 

        // Should scroll the page to the element's position, but goes to top...
        page.scrollTop = el.offsetTop - headerHeight; 
    }
})();

Answer 1

尝试这个

    var divs=document.getElementById('yourDivId');

    if(Boolean(divs.style.transform)){//for IE(10) and firefox 

     divs.style.transform='translate3d(0px, 0px, 0px)'; 

    }else{//for chrome and safari
       divs.style['-webkit-transform']='translate3d(0px, 0px, 0px)'; 

   }

这将使div处于顶部位置。 希望对您有帮助。

Answer 2

为$（'PageContainer'）使用$（'＃PageContainer'）或$（'。PageContainer'）取决于ID或类，并且对于$（'FixedHeader'）