JavaScript滚动到父DIV的顶部

时间:2013-12-20 17:00:56

标签: javascript

我正在尝试使用以下方法滚动到给定页面元素的位置,但它会继续将我滚动到页面顶部:

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; 
    }
})();

2 个答案:

答案 0 :(得分: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位于最高位置。希望这对你有所帮助。

答案 1 :(得分:0)

for $('PageContainer')使用$('#PageContainer')或$('。PageContainer')取决于ID或类和$('FixedHeader')