html頁面滾動條樣式如何修改通過css 還是

時間 2021-06-26 07:54:31

1樓:

::-webkit-scrollbar

這樣試試

html js 或者css怎麼做到隱藏滾動條,但是依舊可以滾動?

2樓:匿名使用者

以前這個問題我也想了一陣子,但是又不想用外掛什麼的。

給你個思路。一個外部div裡設定寬高設定overflow:hidden,然後裡面插入一個div 設定

寬度width: 102%;height: 100%;overflow-x:

hidden;overflow-y: auto;padding-right:30px;/*這個padding可以自己調整*/

然後在再插入的div裡插入內容就可以了,這樣滾動條就會超出視線範圍而被隱藏了。

你可以參考我的**裡blog欄目裡那些彈窗滾動vganchou點com

3樓:加百列

一、文字溢位,就讓文字自動換行,**如下:

二、隱藏內層div的寬度

擴充套件資料:overflow這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,使用者**都會提供一種滾動機制。

因此,有可能即使元素框中可以放下所有內容也會出現滾動條。

參考資料:w3school--css overflow 屬性

4樓:大野瘦子

1、2、css:

.outer-container

.inner-container

使用 overflow:hidden 隱藏滾動條,但存在的問題是頁面或元素失去了滾動的特性,由於只需要相容移動瀏覽器(chrome 和 safari)

應用如下 css 可以隱藏滾動條:

.element::-webkit-scrollbar如果要相容 pc 其他瀏覽器(ie、firefox 等),在容器外面再巢狀一層 overflow:

hidden 內部內容再限制尺寸和外部巢狀層一樣,就變相隱藏了。

5樓:匿名使用者

既然已經用了js可以考慮另外一個方案

一個div固定高度,超出部分影藏,在巢狀一個div,這個div沒有固定高度,然後用js獲取到滑鼠在裡面這個div高度的移動值,吧這個值給裡面div做一個y軸的移動,這樣就沒有滾動條顯示,在滑鼠移動的時候也會上下滾動

6樓:匿名使用者

::-webkit-scrollbar

目前本方法只在webkit核心瀏覽器中有效(chrome,safari)。可以用js做漸變的隱藏滾動條特效,依舊可以滾動。你可以在js裡面寫判定當使用者滑鼠不動一定時間然後消失。

我對js不是特別瞭解(只能看懂和修改js**的程度的能力,但是無論任何js**都敢修改的程度),這效果能做出來的,我就不貼具體**了。不需要巢狀,純原生。將來瀏覽器會支援這個效果的。

或者你用滾動條外掛(不推薦)

7樓:匿名使用者

這個問題暫時還沒有確切的答案,你可以在等等其他人回答,或者自己去網上搜搜,貼吧論壇之類的地方看看,也許有人知道。

利用css樣式修改頁面滑動條的樣式,使得整個頁面色彩和諧一致,視覺效果較佳。

8樓:葉孤英資

以下是各個屬性的解釋,對照著看吧,都是css樣式。

scrollbar-face-color: //滾動條凸出部分的顏色

scrollbar-highlight-color: //滾動條空白部分的顏色

scrollbar-shadow-color: //立體滾動條陰影的顏色

scrollbar-3dlight-color: //滾動條亮邊的顏色

scrollbar-arrow-color: //上下按鈕上三角箭頭的顏色

scrollbar-track-color: //滾動條的背景顏色

scrollbar-darkshadow-color: //滾動條強陰影的顏色

scrollbar-base-color: //滾動條的基本顏色

9樓:匿名使用者

滾動條 各種位置的顏色.背景了,滑塊了,上三角,下三角了等等.

不過沒用,真有ie支援.別的瀏覽器都無視了.

10樓:wo獨家的記憶

只是一段設定html頁面滾動條樣式的css而已,不過相容性很差,其實沒必要做,如果非做不可,到可以用js和css模擬一個,這段樣式是相容不了主流瀏覽器的

jscss橫向滾動條是如何實現的

青鳥中關村專家 可以使用div css js實現不間斷橫向滾動 具體 如下 趣事情 div css js實現不間斷橫向滾動 用jquery.animate 不難的 不禿頭的程式設計師喲 活動作品如何在一個網頁實現登入 登錄檔單切換?14分鐘帶你使用css js實現炫酷滑動切換效果 只用css如何實現...

怎麼把需要滾動條才能看到的整個頁面的內容都截圖下來,不需要使用任何軟體,只用快捷鍵就能實現

應該是沒辦法做到吧,但是你可以把頁面縮小了,一般用ctrl 滑鼠滾輪上下可以放大縮小,或者ctrl 減號 要麼就把頁面內容複製到word文件裡面編緝一下吧!檢視 原始碼 找檔案截圖就行了 alt printscreen 希望能幫到你!網頁無法另存為 如何將網頁整個頁面給截圖 包括無法顯示的需要挪動滾...

頁面右邊的滾動條不見了怎麼辦,請問IE瀏覽器右面的滾動條沒有了怎麼辦?

工具,internet選項,高階,還原高階設定,然後重置,刪除個人設定,再確定試試 千鋒教育 解決方案1 你遇到的是正常現象。ie瀏覽器在你瀏覽的網頁在視窗能容納下的時候自動隱藏滾動條,當你瀏覽的網頁在視窗內能容納不下的時候,供穿垛費艹渡訛殺番輯就會顯示出滾動條。解決方案2 顯示器的原因,你可以調整...