微信小程序scrollview不能横向滚动问题

最新推荐文章于 2023-11-27 09:49:09 发布

原创最新推荐文章于 2023-11-27 09:49:09 发布 · 534 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS进行高效布局的方法，特别关注了.scroll-view和.item布局的实现方式，通过具体的代码示例，展示了如何利用margin、display和inline-block属性来创建响应式且美观的网页布局。

.recommend {
  height: 158px;
  white-space: nowrap;
}

.recomitem {
  margin-left: 30rpx;
  display: inline-block;
}

recommend为scroll-view，recomitem为item的布局

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ForMuHan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序ScrollView自适应高度

weixin_55652851的博客

02-21

256

最近闲来无事，在弄ScrollView的时候想做一个自适应高度【ScrollView滚动组件】上代码。主要属性是css控制,高度一定要设置（vh，px，rpx...）高度不能设置百分比，{/* 内容 */}

微信小程序开发，scroll-view实现商品列表水平/横向滑动

商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】

08-23

5414

使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。在上面.wxml布局中，商品列表是通过view堆积起来的，在实际开发中，肯定也不能这样写死，列表数据应该是一个动态的。在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。官方说只有在竖向滚动时，需要给scroll-view一个固定高度，但在实际开发过程中，解决方案：在scroll-view标签中添加。

参与评论您还未登录，请先登录后发表或查看评论

小程序scroll-view横向滑动无效果

MENGXIXIXIXI的博客

11-26

527

场景在用小程序scroll-view进行横向滑动，发现无效果。原来是自己html网页开发知识欠缺。解决方案要想小程序scroll-view进行横向滑动，需要满足以下3个条件： 1.scroll-view设置scroll-x属性，表示告诉scroll-view进行横向滑动。例如： <scroll-view class="scroll-horizontal" scroll...

解决微信小程序scroll-view组件无横向滚动的问题

10-15

主要介绍了微信小程序scroll-view组件无横向滚动的解决方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

微信百度小程序解决scroll-view组件不能横向滚动的问题

xcdm100的博客

06-27

380

关于这个组件,官方文档并不详细,并不是设置好scroll-x属性组件就能横向滚动了,还要注意这几点 1.scroll-view组件要有高度 2.scroll-view组件样式设置white-space:nowrap;(强制不换行) 里面可以使用flex布局

scroll-view 横向滚动无效解决方法

艾利克斯冰的博客

07-07

2090

给scroll-view 设置固定高度【必须】给scroll-view 样式添加 white-space: nowrap;属性【必须】在scroll-view下的子模块设置 display: inline-block;属性或 display: inline-table【必须】在scroll-view下的子模块设置不得设置 float: left;在scroll-view 上设置属性 scroll-x=”true” 横行滚的许可。

微信小程序 ios 13.6 版本 scroll-view 无法滑动

FE-阿阳的博客

05-25

2459

问题描述在 ios 13.6 版本中，页面有个 scroll-view 无法滚动，找了很长时间的问题，前提是确保 scroll-view 元素高度正常，设置了可滑动的方向，在其他手机上没问题，以下只是个人遇到的场景，并不一定通用问题原因本人遇到的问题原因是：页面有个全局的弹窗，定位为 fixed 布局，为了做动画效果，使用 transform: scale(0) => transform: scale(1); 的过渡，但是在 ios 13.6 版本中 transform: scale(0) 有

微信小程序-横向滑动scroll-view隐藏滚动条

08-30

微信小程序-横向滑动scroll-view隐藏滚动条 微信小程序中实现横向滑动scroll-view隐藏滚动条是非常有必要的功能，这可以使用户体验更加流畅。下面是相关知识点的详细解释： 1. 使用scroll-view组件 微信小程序...

详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现

12-29

1. scroll-view默认是不滚动的。。所以要先设置scroll-x=true或者scroll-y=true 2. 在scroll-view里面添加定宽元素，超过scroll-view宽度（设置了100%，即屏幕宽度)后，它竟然换行了。所以要scroll-view的样式要...

微信小程序 scroll-view隐藏滚动条详解

08-31

在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它主要用于实现页面内的滚动效果。本篇将详细讲解如何在微信小程序的 `scroll-view` 中隐藏滚动条以及与页面跳转相关的技巧。首先，我们要了解如何隐藏 ...

小程序的scroll-view不能横屏滑动方案

啊啊啊啊2

09-04

434

当使用scroll-view这个标签的时候，我们是为了实现向左滑或者向下滑的效果。你只需要将我的案例复制到你的项目，将图片路径修改完之后，就可以看到效果，切记是下面那一份代码呦！css也在一起一下是我的案例：在刚开始的时候就是这样写的，但是一直都不可以出现滑动效果，于是果断换思路。就有了下面的这样的布局修改过后的布局：...

微信小程序的scroll-view不能滚动问题

热门推荐

qq_36356379的博客

03-23

1万+

最近搞了一个多周的微信小程序算是入门了吧，因为之前自学过js和css，所以上手比较快，语法跟VUE挺像的，下面说说期间遇到的一些问题吧。一、scroll-view没有显示全，但是不能滚动确定你想实现的滑动方向，检查一下scroll-x或者scroll-y有没有写(scroll-x:true 支持横向滑动 scroll-y:true 支持竖向滑动) 检查一下是不是没有给scroll-vie...

小程序scroll-view 左右横向滑动没有效果（无法滑动）问题

m0_46470657的博客

08-04

1106

小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现：　　1.scroll-view 中的需要滑动的元素不可以用 float 浮动；　　2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；　　3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；　　4.包

微信小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题

Joan_OvO的博客

05-10

3279

4.包裹 scroll-view 的大盒子有明确的宽和加上样式--> overflow:hidden;3.scroll-view 中的需要滑动的元素要用 dislay:inline-block;进行元素的横向编排；2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex;1.scroll-view 中的需要滑动的元素不可以用 float 浮动；

scroll-view不能滚动问题

qq_36437991的博客

04-06

3062

微信小程序scroll-view不能滚动问题

小程序flex布局,scroll-view横向滑动失效 ,解决

suwen95的博客

04-17

1145

实现效果，左侧表头固定宽度，右侧的scroll-view容器自动填充剩余宽度。问题：最外层采用flex布局后，左侧固定宽度后，给scroll-view容器加flex：1，可以正常显示，但是滑动失效。解决方法：最外层采用flex布局，左侧的表头采用固定宽度，右侧的内容采用scroll-view横向滑动。先给scroll-view组件上部容器一个宽度，这个宽度小于左侧显示后剩余的宽度...

ios系统微信小程序scroll-view划不动的问题

每天都记录一点点！

02-04

6137

这段时间开发个微信小程序的点餐系统，因为只需要小程序版本，所以就用原生的小程序写了，过程中遇到了几个问题和坑，就总结一下，方便来后者。商品分类和商品列表的左右联动，像美团和饿了么那样的交互，点击某个分类滑动到对应的商品列表，随意滑动商品列表商品分类也会做对应的切换，我个人的实现方案如下：要用到scroll-view的to-view属性每个商品的高度都是固定的，所以要开始计算好每个类目对应的商品列表的高度，在滑动商品的时候实时获取scrollTop,然后再让商品分类列表做对应的切换主要代码如下：

小程序组件 scroll-view 横向滚动条无效

09-16

577

小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过,并且换行了），经调试发现： 1.scroll-view 中的需要滑动的元素不可以用 float 浮动； 2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的； 3.scr...

scroll-view scroll-y上下滑动失效

到底要什么姿态，才不会显得我在使坏。

11-27

2615

如果我们高度是动态的，那我们可以动态给scroll-view一个高度即可。注意高度不要和相应元素高度一致，不然也是无法滚动的。在uniapp打包成小程序部署后如下代码，我们添加了 scroll-y但是无法上下滑动。滚动的条件必须是设定固定高度，这样才能滚动。

微信小程序scrollview横向滚动怎么循环