sách gpt4 ai đã đi

html - 不能 "grab"自定义 Chrome 滚动条与移动设备

In lại 作者:行者123 更新时间:2023-11-28 16:19:15 27 4
mua khóa gpt4 Nike

我创建了一个自定义滚动条样式,我希望能够使用 Chrome Android“抓取”它(通过点击并拖动它)。桌面端能用,用移动端仿真却搞不定。

我在这里用它创建了一个 JS Fiddle: https://jsfiddle.net/dr8g4g6k/2/

Mã số:

#container {
overflow: auto;
width: 250px;
height: 250px;
}

#content {
width: 1000px;
height: 1000px;
}


/* Webkit */

::-webkit-scrollbar {
width: 10px;
height: 10px;
}


/* Track */

::-webkit-scrollbar-track {
background: #F2F2F2;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0px;
border-radius: 0px;
}


/* Handle */

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: #999999;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
background: rgba(205, 205, 205, 0.4);
}


test content

如果您在任何设备上启用 Chrome 仿真,并尝试通过捕获滚动条来滚动,则无法。

您真的可以使用任何站点来复制具有自定义 webkit 滚动条的站点,即使是这里的示例: https://css-tricks.com/examples/WebKitScrollbars/

简单的开启移动端仿真,你是抓不到的。

有谁知道如何拥有始终存在于 Chrome 上的自定义滚动条,并且仍然能够像原生滚动条一样“捕获”它们进行滚动?

1 Câu trả lời

对于遇到此问题的任何其他人:Chrome 团队已决定这不是他们会解决的问题,因为他们不喜欢自定义滚动条,并且因为他们说 Android 无法“抓取”滚动条通常是设计使然。

所以唯一的答案是完全停止使用自定义滚动条,因为尝试应用一个类来判断它是否“移动”是一个非常糟糕的解决方案。

关于html - 不能 "grab"自定义 Chrome 滚动条与移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37173163/

27 4 0
Bài viết được đề xuất: CSS悬停没有文本边距/填充
Bài viết được đề xuất: html - 背景图片不显示 html+css
Bài viết được đề xuất: Json 字符串的 Javascript eval() 注入(inject)全局作用域函数
Bài viết được đề xuất: css - 从包含组件 Angular 应用 css
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com