好友
阅读权限25
听众
最后登录1970-1-1
|
原文来自：https://www.frbkw.com/1881/
之前在做一个设计一个宽屏幕大数据界面的时候，底部会有一个滚动条。起初是因为按甲方**宽度设计，在真实环境下是不会出现滚动条的，但是我们在普通电脑调试的时候会有。于是前端大佬给我补充一下基础知识。支持所有浏览器，但是枫瑞觉得如果这个世界上没有一个叫IE的花姑娘，这个世界应该会很和平！懂我的意思吧！CSS3自定义webkit修改浏览器滚动条样式能让界面更美观
首先我们写一个简单的小实例来说明下，设置一个长框为300的div，设置下溢出滚动：大概就是这样子
[Asm] 纯文本查看 复制代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.ceshi {
height: 300px;
width: 300px;
overflow: auto;
margin: 300px auto;
border: #333 1px solid;
}
</style>
</head>
<body>
<div class="ceshi">
记者在网络上搜索后发现,目前还能找到代注册等相关信息,但数量已经很少,一旦联系上,对方会要求加微信再详谈。 一家提供线上代注册服务的商家在广告中称:“驾龄不够原车牌注册原驾驶证注册、外地车牌改本地车牌、解决系统不派单的问题。”这项服务的标价为200元。 记者搜索对方公开的微信,发现微信账号异常无法显示,随后对方又提供了另一个联系方式。对方告诉记者,驾龄不足不能代办,但车龄超过以及外地牌照换本地牌照都能办理,均要价1000元,“200元标价只是吸引买家前来咨询”。 在问及是否能够保证不被封号时,对方称,正常出车能否被封号就看会不会被乘客投诉,投诉多就会被封号,投诉少则不会,虚假注册是有封号风险的,注册之前要想清楚。
关于被封号的问题,对方还支了一招:“一旦客户发现有问题,要靠口才去说服客户,能说服客户就不会被投诉。或者差不多到了上车地点,再打电话给客户,转移客户注意力,让其不注意看车牌,这样也不会有事。” 另一名在论坛投放广告的代注册商家告诉记者,驾龄不符一般是无法注册的,网约车平台对此监管比较严格,但也有个别网约车平台驾龄不够也可以注册,尽管其审核也有驾龄要求,但可以后台操作。收费200元帮注册和激活账号,并保证是合规注册,不会有被封号的风险,而接入订单池抢预约单则要另外加钱。 对于遭遇“人不符”的乘客来说,有些人不会选择举报或投诉。
一名女性乘客告诉记者,她通过平台下了订单,车到之后,她发现车牌号并不是自己下单时显示的车牌号。 “起初我以为司机找错了人,但司机向我解释说是平台方弄错了他的信息。司机为了证明自己的身份还报了手机号,再加上订单上显示的其他信息都是对的,我就上车了。”这名乘客说。 另一名乘客也遇到过类似情况,他告诉记者,等来的车与叫的车信息不符,但司机称接单的是他朋友,因为临时有事所以替朋友来,如果不放心可以重新下一单。出于安全考虑,这名乘客选择了重新下单。 “弄错信息这种说法不可信。”从2016年起就开始做兼职网约车司机的胡平(化名)告诉记者,如果确实出现信息登记错误的情况,更正信息也比较难,因为平时客服很忙顾不上。
“信息是否真实对司机来说有比较大的影响,乘客一旦就此投诉,平台就会把司机拉黑。”胡平说,“在网约车平台注册司机账号时需要上传驾驶证、车辆行驶证、身份证等。只要信息属实,证件有效,审核3至5个工作日基本都能通过。”
</div>
</body>
</html>
充电开始（他还有很多样式，但是其他的用不到于是就可以省略拉）：[Asm] 纯文本查看 复制代码 ::-webkit-scrollbar { /* 滚动条宽度*/ }
::-webkit-scrollbar-track-piece { /* 滚动条背景*/ }
::-webkit-scrollbar-thumb { /* 滚动条颜色 */ }
同时他还有不同的状态，比如选择，鼠标放上去的时候[Asm] 纯文本查看 复制代码 ：horizo​​ntal - 水平伪类适用于任何具有水平方向的滚动条。
：vertical - 垂直伪类适用于任何具有垂直方向的滚动条。
：decrement - 递减伪类适用于按钮和轨道片段。它指示按钮或轨道件在使用时是否会减小视图的位置（例如，在垂直滚动条上向上，在水平滚动条上留下）。
：increment - increment伪类适用于按钮和轨道片段。它指示按钮或轨道件在使用时是否会增加视图的位置（例如，向下在垂直滚动条上，在水平滚动条上）。
：start - start伪类适用于按钮和轨道片段。它指示对象是否放在拇指之前。
：end - 结束伪类适用于按钮和轨道片段。它指示对象是否放在拇指之后。
：双键 - 双键伪类适用于按钮和轨道片。它用于检测按钮是否是滚动条同一端的一对按钮的一部分。对于轨道件，它指示轨道件是否邻接一对按钮。
：单按钮 - 单按钮伪类适用于按钮和轨道部分。它用于检测按钮是否单独位于滚动条的末尾。对于轨道件，它指示轨道件是否邻接单个按钮。
：no-button - 适用于跟踪片段并指示轨道片段是否运行到滚动条的边缘，即轨道的那一端没有按钮。
：corner-present - 适用于所有滚动条片段并指示是否存在滚动条角。
：window-inactive - 适用于所有滚动条片段，并指示包含滚动条的窗口当前是否处于活动状态。（在最近的夜宵中，这个伪类现在也适用于:: selection。我们计划扩展它以适用于任何内容，并将其作为一个新的标准伪类提出。）
上手修改试试，在我们自定义后滚动条的上下箭头会消失，来一个渐变的背景
[Asm] 纯文本查看 复制代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.ceshi {
height: 300px;
width: 300px;
overflow: auto;
margin: 300px auto;
border: #333 1px solid;
}
/* 滚动条宽度 */
::-webkit-scrollbar {
width: 12px;
}
/* 滚动条背景 */
::-webkit-scrollbar-track {
background-color: #ffffff;
border-left: 1px solid #ccc;
}
/* 滚动条颜色 */
::-webkit-scrollbar-thumb {
height: 12px !important;
width: 12px;
border-radius: 100px;
background: linear-gradient(red, blue);
}
/* 滚动条颜色鼠标放上去颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
/* 滚动条颜色点击颜色 */
::-webkit-scrollbar-thumb:active {
background-color: #333;
}
</style>
</head>
<body>
<div class="ceshi">
记者在网络上搜索后发现,目前还能找到代注册等相关信息,但数量已经很少,一旦联系上,对方会要求加微信再详谈。 一家提供线上代注册服务的商家在广告中称:“驾龄不够原车牌注册原驾驶证注册、外地车牌改本地车牌、解决系统不派单的问题。”这项服务的标价为200元。 记者搜索对方公开的微信,发现微信账号异常无法显示,随后对方又提供了另一个联系方式。对方告诉记者,驾龄不足不能代办,但车龄超过以及外地牌照换本地牌照都能办理,均要价1000元,“200元标价只是吸引买家前来咨询”。 在问及是否能够保证不被封号时,对方称,正常出车能否被封号就看会不会被乘客投诉,投诉多就会被封号,投诉少则不会,虚假注册是有封号风险的,注册之前要想清楚。
关于被封号的问题,对方还支了一招:“一旦客户发现有问题,要靠口才去说服客户,能说服客户就不会被投诉。或者差不多到了上车地点,再打电话给客户,转移客户注意力,让其不注意看车牌,这样也不会有事。” 另一名在论坛投放广告的代注册商家告诉记者,驾龄不符一般是无法注册的,网约车平台对此监管比较严格,但也有个别网约车平台驾龄不够也可以注册,尽管其审核也有驾龄要求,但可以后台操作。收费200元帮注册和激活账号,并保证是合规注册,不会有被封号的风险,而接入订单池抢预约单则要另外加钱。 对于遭遇“人不符”的乘客来说,有些人不会选择举报或投诉。
一名女性乘客告诉记者,她通过平台下了订单,车到之后,她发现车牌号并不是自己下单时显示的车牌号。 “起初我以为司机找错了人,但司机向我解释说是平台方弄错了他的信息。司机为了证明自己的身份还报了手机号,再加上订单上显示的其他信息都是对的,我就上车了。”这名乘客说。 另一名乘客也遇到过类似情况,他告诉记者,等来的车与叫的车信息不符,但司机称接单的是他朋友,因为临时有事所以替朋友来,如果不放心可以重新下一单。出于安全考虑,这名乘客选择了重新下单。 “弄错信息这种说法不可信。”从2016年起就开始做兼职网约车司机的胡平(化名)告诉记者,如果确实出现信息登记错误的情况,更正信息也比较难,因为平时客服很忙顾不上。
“信息是否真实对司机来说有比较大的影响,乘客一旦就此投诉,平台就会把司机拉黑。”胡平说,“在网约车平台注册司机账号时需要上传驾驶证、车辆行驶证、身份证等。只要信息属实,证件有效,审核3至5个工作日基本都能通过。”
</div>
</body>
</html>
|
|
发表于 2019-7-29 17:31
|
发表于 2019-7-29 20:59
