回頁首滾動jquery不能在chrome中工作。爲什麼。它的工作很好firefox

Question

http://jsfiddle.net/gilbitron/Lt2wH/

它工作時，我打開鉻瀏覽器。但不在我的項目中。我正在使用bootstrap css和js文件。

if ($('#back-to-top').length) { 
var scrollTrigger = 100, // px 
    backToTop = function() { 
     var scrollTop = $(window).scrollTop(); 
     if (scrollTop > scrollTrigger) { 
      $('#back-to-top').addClass('show'); 
     } else { 
      $('#back-to-top').removeClass('show'); 
     } 
    }; 
backToTop(); 
$(window).on('scroll', function() { 
    backToTop(); 
}); 
$('#back-to-top').on('click', function (e) { 
    e.preventDefault(); 
    $('html,body').animate({ 
     scrollTop: 0 
    }, 700); 
}); 

}

有些人回答它的鏈接Scroll to top button not working in chrome or safari。但不適合我。 在此先感謝。

Answer 1

你應該把你的js放在$（document）.ready（）函數中。像這樣：

$(document).ready(function() { 
    if ($('#back-to-top').length) { 
    var scrollTrigger = 100, // px 
    backToTop = function() { 
     var scrollTop = $(window).scrollTop(); 
     if (scrollTop > scrollTrigger) { 
      $('#back-to-top').addClass('show'); 
     } else { 
      $('#back-to-top').removeClass('show'); 
     } 
    }; 
    backToTop(); 
    $(window).on('scroll', function() { 
     backToTop(); 
    }); 
    $('#back-to-top').on('click', function (e) { 
     e.preventDefault(); 
     $('html,body').animate({ 
      scrollTop: 0 
     }, 700); 
    }); 
    } 
});