2013-09-11 49 views
1

我在這裏有一個jsfiddle - http://jsfiddle.net/stevea/DyfGp/2/ - 其中一個外框包含一個延伸出視口的內盒。這迫使水平滾動條出現。ScrollLeft()不適用於Firefox

A「被甩 滾動」按鈕,讀取當前的左滾動和「組的左滾動到20」按鈕設置左側滾動到20.這一切都因爲我希望在Chrome和Safari瀏覽器的工作原理:首先選擇被甩滾動返回0,因爲左端沒有缺失。如果我將滾動條移動一些,選擇Get Left Scroll將返回滾動的數量,因爲現在這個數量在左端沒有。如果選擇「將左側滾動設置爲20」,滾動移動20和20px現在缺失左端。優秀!

問題是,這在Firefox中不起作用。在Firefox中,所有的滾動讀取都會返回爲0,並且寫入滾動似乎不會執行任何操作。有誰知道這個問題可能是什麼?

感謝

$('#getScroll').click(function() { 

     var bodyscroll = $('body').scrollLeft(); 
     $('#scroll').html("left scroll is " + bodyscroll); 

    }); 

    $('#setScroll').click(function() { 
     $('body').scrollLeft(20); 
     var bodyscroll = $('body').scrollLeft(); 
     $('#scroll').html("left scroll is " + bodyscroll); 
    }); 

回答

2

scrollLeftwindow不是body

var windowscroll = $(window).scrollLeft(); 

http://jsfiddle.net/DyfGp/5/

+0

是的!窗口似乎讓每個人都開心:Firefox,Safari和Chrome。謝謝 – Steve

相關問題