简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 修改webkit内核的浏览器滚动条样式造成的兼容问题
ringa_lee
ringa_lee 2017-04-11 12:24:07
0
3
787

主管让我修改滚动条样式，爽快的答应了。噼里啪啦。改好后。pc端一切正常。然后电视端和app端。发现无法正常显示了。希望大家能帮我出出点子啊。真不知道是什么原因了。谢谢。

ringa_lee
ringa_lee

ringa_lee

répondre à tous (3)
Ty80
Ty802017-04-11 12:26:07 3 plancher

用css不一样可以修改滚动条样式吗？

/*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{background-color:#018EE8; height:50px; outline-offset:-2px; outline:0px solid #fff; -webkit-border-radius:4px; border: 0px solid #fff; } /*---鼠标点击滚动条显示样式--*/ ::-webkit-scrollbar-thumb:hover{ background-color:#018EE8; height:50px; -webkit-border-radius:4px; } /*---滚动条大小--*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{ background-color:#9DBFE4; -webkit-border-radius:0; }
Comme+0
Ajouter une réponse
    Peter_Zhu
    Peter_Zhu2017-04-11 12:26:07 2 plancher

    写样式时候先reset.css 一下

    Comme+0
    Ajouter une réponse
      迷茫
      迷茫2017-04-11 12:26:07 1 plancher

      谢谢。不过后来用了iscroll。js的插件。解决了。

      Comme+0
      Ajouter une réponse
        Sujets populaires
        Plus>
        Articles populaires
        Tutoriels populaires
        Plus>
        Tutoriels associés
        Recommandations populaires
        Derniers cours
        Derniers téléchargements
        Plus>
        effets Web
        Code source du site Web
        Matériel du site Web
        Modèle frontal
        À propos de nous Clause de non-responsabilité Sitemap
        Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！