::-webkit-scrollbar 设置滚动条

::-webkit-scrollbar 设置滚动条,第1张

::-webkit-scrollbar 仅仅在支持WebKit内核的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用
h5开发可以使用

::-webkit-scrollbar — 整个滚动条
::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)
::-webkit-scrollbar-thumb — 滚动条上的滚动滑块
::-webkit-scrollbar-track — 滚动条轨道
::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分
::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分
::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)

去掉滚动条代码如下:
UIWebView d_intro = [[UIWebView alloc] init];
d_introdelegate = self;
d_introdataDetectorTypes = UIDataDetectorTypeLink;
//取消右侧,下侧滚动条,去处上下滚动边界的黑色背景
d_introbackgroundColor=[UIColor clearColor];
for (UIView _aView in [d_intro subviews])
{
if ([_aView isKindOfClass:[UIScrollView class]])
{
[(UIScrollView )_aView setShowsVerticalScrollIndicator:NO];
//右侧的滚动条
[(UIScrollView )_aView setShowsHorizontalScrollIndicator:NO];
//下侧的滚动条

for (UIView _inScrollview in _aViewsubviews)
{
if ([_inScrollview isKindOfClass:[UIImageView class]])
{
_inScrollviewhidden = YES; //上下滚动出边界时的黑色的
}
}
}
}
[selfview addSubview:d_intro];

-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回d效果
auto : 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。
touch : 使用具有回d效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。

在ios移动端上,在你用 overflow-y:scorll 属性的时候,你会发现滚动时当手指离开屏幕,滚动就会停止,这时候可以使用 -webkit-overflow-scrolling:touch 这个属性,让滚动条产生滚动回d的效果,就像ios原生的滚动条一样流畅。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13406439.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存