登录

javascript - 修改webkit内核的浏览器滚动条样式造成的兼容问题

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

# JavaScript
ringa_leeringa_lee2183 天前603 次浏览

全部回复(3) 我要回复

  • PHP中文网

    PHP中文网2017-04-11 12:26:07

    用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;  }

    回复
    0
  • 天蓬老师

    天蓬老师2017-04-11 12:26:07

    写样式时候先reset.css 一下

    回复
    0
  • 迷茫

    迷茫2017-04-11 12:26:07

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

    回复
    0
  • 取消回复发送