2012-09-19 98 views
0

好吧,所以我在Safari中測試這一點,我敢肯定這是在其他瀏覽器相同,但我沒有檢查(但)!溢出X與滾動功能停止滾動是越野車相比,溢出到X和Y

這一段腳本的偉大工程,是不是jaggerdy或車都:

$('body').css('overflow', 'hidden'); 
$(window).scroll(function() { 
    $(this).scrollTop(0).scrollLeft(0); 
}); 

而這正是我需要的,但它似乎是非常錯誤和jaggerdy當你嘗試滾動,它滾動一點點,並糾正自己(大約100毫秒內),而上述腳本不讓你滾動。

$('body').css('overflow-x', 'hidden'); 
$(window).scroll(function() { 
    $(this).scrollLeft(0); 
}); 

這是一個已知的錯誤還是有一個修復?

編輯: 對於那些正在尋找答案的人,其實並沒有一個。這只是Safari中的一個已知錯誤(最有可能只在Mac上)。

+0

我不?知道你在做什麼,但它聽起來像用戶的布吉陷阱:)所以這可以讓你滾動1/10秒,但然後滾動你回來? – teewuane

+0

是的,當腳本放置在x和y上時,它的工作原理就是這樣,但當它僅僅關注x或y時,它看起來非常粗糙 - 讓您滾動幾毫秒然後修復它自己。這裏的例子:http://jsfiddle.net/gCqKu –

回答

0

對於overflow:hidden的整個想法是它不會滾動。因此你隱藏滾動條。嘗試overflow-x:auto並查看該滾動是否仍然緊張。如果結束了工作,你可以隱藏的東西滾動條類似this example

編輯:爲什麼不把.inside是溢出:通過樣式隱藏(這樣你不需要scrollTop的功能,那麼當。你需要的區域滾動,你可以使用jQuery的更新CSS,使其恢復到溢出:汽車

這是否打敗你正在嘗試編寫任務的整個目的

+0

仍然會發生'overflow-x:auto',這裏的想法是滾動條被隱藏,'overflow-x:auto'是確切的東西需要,但由於某種原因仍然讓頁面滾動。我使用的是MacBook,即使沒有任何滾動條,我也可以使用我的觸控板上的x滾動滾動頁面。你鏈接到的例子是我看到的第一件事情之一,不幸的是似乎無法解決問題。這裏是你對我的問題的其他問題的答案的更新版本:http://jsfiddle.net/gCqKu/ –

+0

我認爲你的腳本調用是互相反作用的。當您在scrollLeft(0)中放置'0'時,我認爲它會保持最左側視圖的滾動。因此,在您的jsFiddle示例中,它不會向下滾動,因爲scrollTop爲0,這意味着停留在頁面的頂部。 – ZombieCode

+0

是的想法是,頁面不會向下滾動,但它似乎仍然在做一秒鐘。就像一個遲緩的遊戲什麼的。屏幕視頻會有幫助嗎? –