2013-12-20 4 views
0

Я пытаюсь использовать следующий метод, чтобы перейти к позиции данного элемента страницы, но он держит вместо прокрутки меня в верхней части страницы:JavaScript Scroll To Top головной DIV

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

ответ

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 в верхнем положении. надеюсь, это может вам помочь.

0

за $ ('PageContainer') использовать $ ('# PageContainer') или $ ('PageContainer ') в зависимости от ID или класса и то же самое для $ (' FixedHeader')

+0

Привет, спасибо за ваш вклад , но я не использую jQuery. Я создал функцию $. – hawkharris