国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

瀏覽器滾動條優(yōu)化

GitCafe / 1762人閱讀

摘要：系統(tǒng)中火狐瀏覽器滾動條很粗，且顏色在很多場景很辣眼睛，并不適用，現(xiàn)提供以下幾種方式，對滾動條進(jìn)行優(yōu)化直接隱藏法體驗(yàn)最差火狐谷歌引用第三方插件有弊端相關(guān)插件推薦自帶的，但是沒有在文檔中寫出由于引用第三方插件后，在中瀏覽器自動又

windows系統(tǒng)中火狐瀏覽器滾動條很粗，且顏色在很多場景很辣眼睛，并不適用，現(xiàn)提供以下幾種方式，對滾動條進(jìn)行優(yōu)化：

1.直接隱藏法（體驗(yàn)最差） 
// 火狐64+
scroll-width: none
// 谷歌
::-webkit-scrollbar {
display: none
}
2.引用第三方插件（有弊端）

相關(guān)插件推薦
el-scrollbar（element自帶的，但是沒有在文檔中寫出）
vue-scroll
vue-happy-scroll
better-scroll
由于引用第三方插件后，在mac中瀏覽器自動又添加了優(yōu)化的滾動條，會重疊，看起來不是很友好

3.css自帶（最方便好用）

主要針對火狐64+

scrollbar-width: thin; // 滾動條窄形式
scrollbar-color: #5A5B5C transparent; // 滾動條顏色 背景顏色

樣式看起來也還不錯

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/116188.html

相關(guān)文章

  • 窗口進(jìn)度條及其高級使用

    摘要：效果優(yōu)化一下因?yàn)檫@里的窗口滾動進(jìn)度條沒有過度效果嗎雖然谷歌瀏覽器她會自動幫你優(yōu)化一點(diǎn)過度的效果，但是我們還是自己寫的和諧一點(diǎn)點(diǎn)，所以就加多一句的動畫到這里我們的滾動進(jìn)度條就基本上實(shí)現(xiàn)了，也可以做一個很不錯的水平效果。 我們大概實(shí)現(xiàn)的效果就像YouTube上面的紅色進(jìn)度條那樣。但是YouTube上面那個進(jìn)度條還是很坑爹的。文章后面再告訴你們?yōu)槭裁础?首先窗口的滾動進(jìn)度條 窗口的滾動條非常...

    objc94 評論0 收藏0

  • 今天，你的瀏覽器 “滾動” 了嗎？

    摘要：今天，你的瀏覽器滾動了嗎序在頁面中，一個有高度或者寬度的容器是最常見的構(gòu)成元素，而在其中的子元素有很大的概率超過父容器的尺寸限制，我們稱之為溢出。 今天，你的瀏覽器 滾動 了嗎？ 序 在 Web 頁面中，一個有高度或者寬度的容器是最常見的構(gòu)成元素，而在其中的子元素有很大的概率超過父容器的尺寸限制，我們稱之為溢出。而應(yīng)對溢出，隱藏或者滾動是最常見的處理方式。滾動，作為 FEers 最經(jīng)常...

    leo108 評論0 收藏0

  • 今天，你的瀏覽器 “滾動” 了嗎？

    摘要：今天，你的瀏覽器滾動了嗎序在頁面中，一個有高度或者寬度的容器是最常見的構(gòu)成元素，而在其中的子元素有很大的概率超過父容器的尺寸限制，我們稱之為溢出。 今天，你的瀏覽器 滾動 了嗎？ 序 在 Web 頁面中，一個有高度或者寬度的容器是最常見的構(gòu)成元素，而在其中的子元素有很大的概率超過父容器的尺寸限制，我們稱之為溢出。而應(yīng)對溢出，隱藏或者滾動是最常見的處理方式。滾動，作為 FEers 最經(jīng)常...

    ad6623 評論0 收藏0

  • 水平居中布局與滾動條跳動的千年難題

    摘要：于是，問題來了，信息流頁面，如新浪微博，是從上往下渲染的。，結(jié)構(gòu)類似幾個頁面通過頭部的水平導(dǎo)航刷新切換，結(jié)果有的頁面有滾動條，有的沒有。 絕大多數(shù)的頁面間布局都是水平居中布局，主體定個寬度，然后margin: 0 auto的節(jié)奏~例如，婦女之友大淘寶的首頁： .warp{ width:1190px; margin:0 auto; position:relativ...

    songjz 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<