网页在手机端也有一个像电脑端一样的滚动条是什么原因

最新推荐文章于 2024-04-21 09:10:41 发布
最新推荐文章于 2024-04-21 09:10:41 发布
阅读量495 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nuanpang/article/details/124876558
版权

昨天发现网页在手机端有一个滚动条，一般默认的滚动条很细，但是这个像电脑端一样的滚动条是怎么来的呢？

仔细查看后发现原来是 ，别的同事设置的（注销掉这些就跟浏览器默认的一样了）：

 

暖暖胖胖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
alert.js jQuery兼容电脑手机端弹出层插件.zip
07-11
这是一款基于jQuery兼容电脑手机端轻量级弹层组件代码，alert.js弹出层插件。 [removed][removed] [removed][removed] [removed][removed] [removed][removed] [removed][removed] 'style' : 'wap',...
吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
frontend_frank的博客
02-03 1692
前言作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一...
移动端总宽度设置没问题啊，为什么在浏览器，和手机浏览器上运行，左右总会有滚动条啊
weixin_47600678的博客
05-22 290
移动端总宽度设置没问题啊，为什么在浏览器，和手机浏览器上运行，左右总会有滚动条啊
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
04-21 1824
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
移动端滚动条的问题之一
大白兔
01-13 6393
问题描述：当移动端写滚动效果时，会多出一部分，而且移动端和PC端的大小不一样，问题如下图圈出红色部分： PC端： Android： iOS 原因：多出的红色部分其实是滚动条的宽度，咱们直接上代码看：.sq-combination-tit{ width: 100%; overflow: hidden; overflow-x: auto; -webkit-
火狐浏览器自动加滚动条，如何去除？
Raken12的博客
12-16 1338
在写tab页的时候，在火狐浏览器调试成手机端的时候，发现tab标题下面无缘无故多了滚动条，然而谷歌是没有的，大佬说这是火狐自己添加的（挺会添乱的），于是找了一下项目中其他模块，发现已经做过处理的，于是就拿过来了，找到对应的calss,加上 scrollbar-width: none 就可以了 ...
手机端页面滚动，强制显示滚动条
Cynthia_Yue27的博客
10-21 1782
最近做一个需求，一个固定高度的ul，里边多个li，li高度超出了ul，ul也设置了滚动，也可以正常滚动，但是并没有出现滚动条 因为滚动区域较小，为了引起用户的注意，需强制显示滚动条 所以通过重写滚动条样式，强制展示滚动条 &::-webkit-scrollbar { -webkit-appearance: none; } &::-webkit-scrollbar:vertical { // 纵向滚动条 width: .06rem; } &::-webkit-scrollbar
手机端会有滚动条（uniapp），上下滑动时或者左右滑动时，如何解决
qq_45432996的博客
05-04 8584
当写横向商品展示时，我们可以看到，手机端会有滚动条，或者我们向上滑动页面的时候也有滚动条，那么如何去除： uniapp官方文档有提示，需加入show-scrollbar=“false”,这是第一步， 重点来了： 还要在pages.json 文件中加入"scrollIndicator":"none" 注意：有可能安卓机没有滚动条，苹果机还是有， 方法： App.vue 增加如下样式可以去除 ...
jQuery兼容电脑手机端安卓时间选择器插件
06-10
在电脑和手机端，可能需要根据屏幕大小进行响应式设计，确保在各种设备上都有良好的显示效果。 3. **JavaScript逻辑**：`js`目录下的脚本文件是插件的核心，它们实现了时间选择器的交互逻辑。这部分代码可能会包含...
jQuery手机端瀑布流布局特效代码
03-20
【jQuery手机端瀑布流布局特效代码】是一种在移动设备上实现的网页布局技术，它能够有效地展示内容，尤其是在有限的屏幕空间中，如手机或平板电脑。这种布局方式模仿了真实世界中的瀑布，使得内容块像水滴一样自然地...
手机端房屋别墅bootstrap模板
04-09
在“手机端房屋别墅bootstrap模板”中，我们可以深入探讨几个关键知识点： 1. **响应式设计**: Bootstrap的核心特性之一就是响应式布局。这种设计允许网页根据用户的设备屏幕大小自动调整布局，确保在不同设备上都...
ScrollMenu：一个新的界面来替换您的旧无聊滚动条
02-20
【ScrollMenu：一个新的界面来替换您的旧无聊滚动条】 在网页设计中，用户界面的交互性和视觉吸引力至关重要。传统的滚动条虽然功能齐全，但往往显得单调乏味，不能引起用户的兴趣。为此，开发者们提出了创新性的...
解决移动端页面由于页面的放大缩小导致出现滚动条（亲测有效）
zhuang_li_quan的博客
09-27 2743
解决方案：index.html <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover"> content属性值 : width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device" initial-scale
手机web页面PC浏览器打开有滚动条，手机浏览器打开没有
司徒剑南的博客
11-30 1072
在PC浏览器和谷歌浏览器手机模拟器里都是正常的， 用手机测试一下，只能显示一屏，不能上下滚动。 结果查看CSS，发现在CSS里有这一句： body { touch-action: none; } 把这段CSS注释掉就可以了。
滚动条样式属性，以及去掉移动端滚动条解决方案
weixin_33895016的博客
10-30 429
第一部分： ::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚动条的轨道（里面装有thumb）::-webkit-scrollbar-button 滚...
制作一个java游戏，如何能在电脑和手机端都能打开
06-09
要让你制作的Java游戏能够在电脑和手机端都能打开，可以考虑使用Java的跨平台特性，将游戏打包为可执行的JAR文件，并在不同的设备上安装Java虚拟机（JRE）来运行游戏。 以下是一些简单的步骤： 1. 编写游戏代码，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值