一、检查scroll-y属性 scroll-view组件的滚动效果依赖于scroll-y属性的设置。如果希望实现垂直滚动,需确保scroll-y=\"true\"。若此属性未设置或设置错误,将导致组件无法滚动。 二、容器尺寸问题 scroll-view组件的滚动效果还受到其容器尺寸的影响。如果容器的尺寸过小,或者内容未超出容器范围,将无法实现滚动。因此,...
一、CSS样式冲突 在微信小程序中,如果scroll-view的外部或内部元素存在CSS样式冲突,可能会导致滚动功能失效。例如,外部容器的overflow属性设置为hidden,或者内部子元素的高度超出了scroll-view的高度限制,都可能阻止滚动。 解决方法:检查并调整CSS样式,确保scroll-view及其子元素的样式不会干扰滚动功能。可以尝试去除一些...
固定一下宽度试试
小程序scroll-view设置view靠下就无法滚动? 页面根标签是screen,结构是3层,history-view是历史记录,exp-view是用户当前输入的表达式,result-view是计算结果。 history-view和exp-view是横向scroll-view,screen是竖向scroll-view,我的需求是: 3层在screen中靠下对齐,竖向超出screen高度后可以竖向滚动。 这样实现了靠下...
我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高度百分之百又满足不了区域滚动,设置百分之分有时还会错位 ---好了不比比,直接上代码,建议全部复制过去 <template> <view class="content flex-column"> <view class="top-view flex-center" @tap="clickEvnet(0)"> 点击...
如图微信小程序中 scroll-view组件外div加display:flxed后, scroll-view组件滚动失效 github项目地址:https://github.com/fancaixia/wx-scroll-view 解决办法: scroll-view宽度为屏幕宽度, 子元素view.cont设置overflow:auto;内容超出屏幕会出滚动条,然后便可以拖动了, 最外层header设置overflow-y: hidden;隐藏滚动条...
.scroll-view_H { /*设置display:flex无效*/ white-space: nowrap; } .scroll-view-item_H { width: 200rpx; height:200rpx; background-color: #f00; display: inline-block; } 总结 以上所述是小编给大家介绍的解决微信小程序scroll-view组件无横向滚动的问题,希望对大家有所帮助!
首先获取当前scroll-view组件在屏幕中位置 像这样 data: { top:'', }, let query=wx.createSelectorQuery() query.select('.scroll-view').boundingClientRect((e) =>{//console.log(e)this.setData({ top:e.top }) }).exec() scroll-view组件 ...
如图,上方nav是scroll-view的方式横向滚动,当给scroll-view的外出div加position: fixed; 定位时,scroll-view滚动就失效了。不知道大家有没有这种滚动的样例,固定在顶部,并且顶部nav可以横向滚动?谢谢对应的wxml<template name="search-fixed"> <view class="fixed-container"> <view class="nav-container"> <...