2011-03-15 78 views
0

有沒有辦法告訴Safari/Webkit瀏覽器和Firefox在溢出設置爲「隱藏」時滾動元素或頁面?當溢出被隱藏時,在Webkit/mozilla中滾動

我在body-Element上使用了overflow: hidden,它僅適用於Opera。

任何想法?

+2

請顯示您的代碼以便更好地理解 – sandeep 2011-03-15 11:24:25

回答

1

很確定這是Opera與其他人不同的情況之一。溢出應該是防止滾動,如果它的值是隱藏的,而不是隱藏滾動條。

如果您確實想要隱藏滾動條,但仍想滾動窗口或其內容,則可以使用JavaScript/DOM腳本來執行此操作。

0

對不起,但你錯了,overflow-x:hidden或overflow-y:hidden必須應用於html元素,而不是body元素。但在這種情況下,我GOOGLE了它,發現這些 鏈接告訴我,如果他們做了任何幫助。

http://www.webmasterworld.com/javascript/3560359.htm

http://www.artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/ (在這個環節,我發現上述說法。)

http://haslayout.net/css/Document-Scrollbars-Overflow-Inconsistency

在這個環節,我發現,你應該在<HTML>標籤直接申請溢出值。

希望它的作品!

+0

測試了幾件事情,但沒有機會。不適用於溢出:隱藏在html或body或任何其他元素上。 – sascha 2011-03-15 13:19:25

0

如果你在任何元素上設置overflow: hidden,你明確地告訴它內容應該隱藏,因此不能滾動到。如果你想讓內容滾動,那麼你需要使用overflow: auto。爲什麼你會想要滾動的東西,你告訴瀏覽器,它不應該滾動?這是矛盾的。

+0

但'overflow:auto'會顯示滾動條。我不想滾動條,但要滾動的功能。 – sascha 2011-03-15 18:00:08

+0

人們如何在沒有任何滾動條的情況下進行滾動? – 2011-03-18 10:59:11

+0

@PhilPowell使用觸控板的人仍然可以在這些元素內進行雙指滾動。 – jenming 2017-04-07 17:52:05