scoll-view中元素没超过指定高度，为啥会有滚动条

最新推荐文章于 2025-02-27 01:40:06 发布
最新推荐文章于 2025-02-27 01:40:06 发布
阅读量356 收藏 8
点赞数 5
分类专栏： 微信小程序 css 文章标签： 微信小程序 小程序 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42931285/article/details/142630077
版权

看看是不是scoll-view中第一个元素设置了margin-top,若有的话取消掉，给scoll-view中设置一个pading-top即可

微信小程序 - 完美去除 ＜scroll-view＞ 滚动条，保证 100% 去掉隐藏苹果 ios 系统、安卓滚动条（解决 ios 苹果真机scroll-view无法隐藏滚动条）详细示例代码，保证可用
王二红
05-28 6469
微信小程序scroll-view滚动条，微信小程序去除隐藏去掉scroll-view滚动条，微信小程序scroll-view苹果ios系统手机去除滚动条，微信小程序scroll-view如何去掉滚动条，微信小程序scroll-view隐藏滚动条，微信小程序scroll-view无法去掉ios苹果系统的滚动条，微信小程序隐藏scroll-view滚动条在苹果ios系统不生效，微信小程序scroll-view在苹果ios系统下有滚动条怎么去除隐藏，微信小程序scroll-view去掉ios苹果系统滚动条，微
Vue2 - 解决 iView 表格组件 Table 滚动条无法拖动问题，表格固定列时滚动条失效导致拖拽没反应，把表格的某列固定后横向或纵向滚动条无法滚动的问题处理（有合计行或固定时导致失效无法拖曳）
王二红
07-14 3106
iview，vue，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题，样式覆盖依然报错，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue2iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动
小程序中使用scroll-view组件，内容高度未超过容器高度时依然可以上下滑动小段距离的问题
Yukinoshita_kino的博客
06-29 7576
小程序中使用scroll-view标签组件，内容高度未超过容器高度时依然可以上下滑动小段距离的问题
微信小程序开发的scroll-view视图组件的横向滚动设置不生效解决方法
最新发布
m0_74398338的博客
02-27 572
微信小程序开发scroll-view的横向滚动不生效的两个解决写法
微信小程序scroll-view内容未充满触发滚动条结束方案
qq_36126031的博客
03-04 795
一、问题描述 微信小程序scroll-view标签下内容并未充满整个屏幕，但是右侧却出现了滚动条 二、原因 scroll-view下第一个view标签使用 margin 导致了垂直方向的内容塌陷 三、解决方案 通过百度在微信小程序社区看到一个方案 <view style="content: ''; overflow: hidden;"></view> 四、总结 小吐槽一下：感觉微信小程序的开发总是那么的莫名其妙 ...
解决微信小程序scroll-view未被占满时滚动的问题
u011295864的博客
03-03 1793
这种情况一般是因为scroll-view标签下第一个元素设置了margin-top产生的。 <scroll-view scroll-y="true"> <view style="margin-top: 20px;"></view> </scroll-view> 解决方案： 将margin改为padding。 <scroll-view scroll-y="true"> <view style="padding-top
scroll-view取消滚动条
Dreamer
05-07 1592
之前在写scroll-view时，发现移动端自己带了滚动条，在横向滚动的时候就比较不好看，于是想着去除掉页面的滚动条。当时在uni-app官网上看到使用。控制滚动条是否出现，默认为false,于是我就十分的迷惑，既然默认false，为什么我没有设置就出现了滚动条…于是在设置了这两个属性之后就成功去除了滚动条。在百思不得其解的时候去翻了一下微信开放文档，发现。是默认为true的，并且需要和。
微信小程序scroll-view不能横行显示的问题，以及隐藏scroll-view滚动条
执笔编写人生
01-08 2577
最近因为项目需要，不定期的总结点东西，还有开发遇到的各种坑和大家分享下吧。 我想在页面顶部展示种类的tab，从后台动态获取并显示出来，自己也了解一些微信的小组件，就感觉scroll-view挺适合，然后就去官网API文档找找。微信官方给的 scroll-view 组件说明，只说了  “使用竖向滚动时，需要给&lt;scroll-view&gt;一个固定高度，通过 WXSS 设置 height。”...
微信小程序开发scoll-view
10-14
微信小程序中的`scroll-view`组件是一个用于创建滚动视图的控件，它允许内容在指定方向上滚动。开发者可以设置`scroll-x`属性来控制水平滚动，而`scroll-y`属性则用于垂直滚动。下面是一些基本的使用方法： 1. **...
微信小程序scroll-view滚动视图隐藏横向滚动条
CSDNYXJY的博客
09-09 5797
scroll-view滚动视图scroll-view作用滚动条效果如何隐藏滚动条以下是解决方法的技术说明 scroll-view作用 可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px 链接: https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html. 滚动条效果 scroll-view写好之后页面效果如下图，会产生一个滚动条
我不用scoll-view组件，我用的view组件
06-10
在view组件中设置高度为auto，overflow-y为auto即可实现高度自适应和滚动条的显示。然后在其中放置需要分页加载的内容，通过监听scroll事件，判断用户滑动到底部时，触发上滑加载更多的事件，从而实现分页加载。 ...
scroll-view元素 解决内容没有占满却出现滚动条的问题
DWBooker的博客
12-11 293
scroll-view 高度 滚动条
uni-app中scroll-view内容没有超出高度出现滚动条
autumn_later的博客
07-12 1174
网上找了很多都答案都说在scroll-view内部第一个控件添加为试了还是不行，后来试了下又在scroll-view内部最后的位置添加了一样的代码发现终于可以了。在scroll-view内部第一个和最后一个控件设置为
uniapp中scroll-view去除滚动条
bjt1015999的博客
02-26 6635
uniapp中我们使用scroll-view实现横向或者竖向滑动时，我们会发现横向或者竖向是有一个滚动条的，不是很美观，那么我们就可以尝试去去除一下滚动条（如果采用以下官方方法无法去除时，那么请向官方反馈信息）width: 0!important;height: 0!important;说明：可能在某个设备上还是有问题，等待官方小助手解决吧。
关于CScrollView中SetScrollSizes导致的OnDraw的无限调用
u011442652的专栏
01-10 2140
1 在正式阐明之前先交代以下三种情况： （1）如果一个客户窗口没有滚动条，此时希望的视图宽高比客户窗口的宽高大，此时SetScrollSizes后会调用OnSize函数，因为出现滚动条后，客户区窗口会减掉滚动条的相应宽高。 （2）如果一个客户窗口本身已有滚动条，希望的视图宽高比客户窗口的宽高大，此时SetScrollSizes后并不会调用OnSize函数。 （3）如果一个客户窗口已有滚动条，
第一个子元素在未超过父元素高度的情况下设置margin-top导致出现竖向滚动条的问题
Andrasen的博客
04-22 3439
首先要说明的是在什么情况下会出现这种问题： 在移动端，我们经常会设置html,body的height为100%，让处于最外面的父级元素刚好充满整个屏幕高度，但是，如果此时body下面第一个子元素，刚好设置了maring-top的值，你会发现页面出现了竖向滚动条，问题是这个子元素并没有超过父容器高度也导致出现竖向滚动条，似乎这个margin-top是添加到了父容器上。 一个比较实际的例子：假如一个页...
小程序scroll-view如何去除滚动条
swx999的博客
03-29 412
::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
微信小程序scroll-view显示滚动条
LRQQHM的博客
05-11 675
试过网上的直接修改样式的方法不行，自己写一个滚动条定位上去。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值