本来横向滚动只要子元素宽度大于scroll-view固定宽度就可以滚动的,但是IOS App开发中子元素高度必须要大于scroll-view宽度才能滚动,应该是拿错参数了。 解决方案: scroll-view内部添加一个宽度为1像素的透明的占位View把内部容器的高度撑大即可(下图红色线条所示),高度为子元素的总宽度(下图蓝框),这样无论有多少个子元...
scroll-x="true" 如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;...
谢谢回答！确实是因为padding的问题导致了，我原本就是想让第一个选项和最后一个选项点击后都能够移动到...
小程序官方组件示例就可以体验,可以滚动,就是需要按住鼠标滚轮实现滚动,没办法通过鼠标左键实现滚动。竖向滚动也是一样的,这个能否有进一步的优化呢?因为用户常规还是想着用左键拖动来实现滚动。 赞 回复 . 2020-08-05回复a沐 scroll-view是可以滚动的,可能是你参数 样式没设置对。你可以将你的代码贴出来 我好给...
微信开放文档中scroll-view组件的部分代码如下 创新互联公司于2013年成立,先为古雷港等服务建站,古雷港等地企业,进行企业商务咨询服务。为古雷港企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时...
在小程序中做一个横向滚动的视图,直接用 scroll-view,然后再配一个 scroll-x="true" 的属性就行了,难道真有这么简单吗? WXML: <scroll-viewclass='membersCategoryItemSV'scroll-x="true"><blockwx:for="{{[1,2,3,4,5]}}"wx:for-index="subIndex"wx:key="subItem"wx:for-item="subItem"><viewcla...
横向滚动 <scroll-view class="scroll__wrap" scroll-x="true"> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <view class="scroll__item">{{item}}</view> </block> </scroll-view> 1. 2. 3. 4. 5. 6. .scroll__wrap { white-space: nowrap; ...
横向滚动就是实现不了,用的是flex布局实现的,但是发现事与愿违。 解决办法: 给scroll-view容器 加以下样式 width: 100%; white-space: nowrap; 子元素(滚动的item项)display:inline-block;可以实现横向滚动 1. 2. .hhhs-content { padding: 0 0 0 43rpx; ...
今天刚做微信小程序的scroll-view组件,看着文档的配置很简单,但是按照配置实现并实现不了想要的结果。 首先先贴上一段代码 文档说竖向滚动的时候才要设置高度,并不是,横向滚动也要的,这是第一个问题。 那么这个第二个问题来了,父元素没有设置宽度100%时,这时候页面会撑开屏幕宽度。
scroll-view组件横向滚动失效时,需要在 scroll-view组件 中设置什么?A. 设置white-space:nowrap强制不换行 B. 设置display:inline-block C. 设置white-space:inherit D. 设置display:flex 如何将EXCEL生成题库手机刷题 如何制作自己的在线小题库 > 手机使用 分享 复制链接 新浪微博 分享QQ 微信扫一扫...