scroll-view

微信小程序基于scroll-view实现锚点定位

基于scroll-view实现锚点定位2、案例目录结构二、程序实现具体步骤1.锚点index.wxml代码a.
findhappy117·2020-08-20 23:32

(转) 小程序中使用scroll-view滚到底部多次触发scrolltolower

原地址：https://blog.csdn.net/LuckyFBB/article/details/85321920最近写小程序的时候遇到一个问题，使用scroll-view组件的时候，有一个属性叫做
ElvisDu·2020-08-20 23:04

微信小程序 scroll-view实现锚点滑动

转载，原文：微信小程序scroll-view实现锚点滑动的示例https://www.jb51.net/article/129897.htm选择scroll-view(可滚动视图区域)组件来实现锚点效果
Joshua02·2020-08-20 22:49

微信小程序Cannot read property 'setData' of undefined问题解决

今天写小程序，需要读取窗口高度然后设置scroll-view高度，在this.setData时报错“Cannotreadproperty'setData'ofundefined”，代码如下：onShow
Krystalcsdn·2020-08-20 22:12

小程序scroll-view 实现两行滑动金刚区，滑动进度条

second-module-allicon{background:#ffffff;border-radius:8px;position:relative;height:380rpx;overflow:hidden;}scroll-view
进击的冉冉·2020-08-20 21:08

微信小程序完美解决scroll-view高度自适应问题

第一种情况，scroll-view占据整屏scroll-view{  height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件      wxss文件.box{  display
huzedong2015·2020-08-20 17:26

微信小程序完美解决scroll-view高度自适应问题

第一种情况，scroll-view占据整屏scroll-view{  height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件      wxss文件.box{  display
huzedong2015·2020-08-20 17:26

scroll-view组件下拉加载分页数据： bindscrolltolower 没有触发

在使用scroll-view组件下拉加载分页数据，发现bindscrolltolower没有触发，原因是：scroll-view元素的高度必须是设备的高度，单位且必须是px,详情实现如下：1index.wxml
吾心橙·2020-08-20 09:18

小程序的常见内置组件

目录1、Text组件2、Button组件3、View组件4、Image组件5、Input组件6、scroll-view组件7、组件的共同属性小程序中有很多组件，例如表单组件、媒体组件、导航组件等，组件及详细属性可以参考官方文档
yingjieweb·2020-08-20 09:02

微信小程序 scroll-view实现锚点滑动

前言最近开始做小程序，通读一遍文档再上手并不算难，但不得不说小程序里还是有一些坑。这里说一下如何实现页面锚点跳转，一个城市列表的效果示意图如下：city.gif因为在微信小程序的环境中不能想在浏览器里设置标签，或者操作dom滚动，传统做法就行不通了，一切都得按小程序的文档来。一开始我们的做法是使用boundingClientRect()方法获取每个锚点的坐标，然后再用wx.pageScrollTo
ITgecko·2020-08-19 23:41

微信小程序的样式问题与踩过的坑

小程序的video标签不能用fixed定位到页面上，解决办法是禁用页面的滚动，需要滚动的部分用scroll-view模拟。
weixin_44249467·2020-08-18 23:56

小程序开发

‘scroll’:‘scroll-view’”:class="[{‘left’:index==0},{‘right’:index===dateClass-1}]"微信小程序placeholder设置
无语听梧桐·2020-08-18 23:21

小程序 + Wepy 的一些坑整理

2019独角兽企业重金招聘Python工程师标准>>>一些坑1、下拉加载与scroll-view冲突（1）使用scroll-view，定义scrolltolower作为下拉到底部时触发的事件。
Vincen??·2020-08-18 22:08

uniapp中使用scroll-view实现图片滑动效果（含点击预览以及长按下载操作）

uniapp中使用scroll-view实现图片滑动效果（含点击预览以及长按下载操作）一、效果图二、注意要点三、代码一、效果图二、注意要点1.在真机模拟时，本地图片不支持下载，可以使用百度上的网络图。
姹紫嫣红别样情·2020-08-18 18:22

【微信小程序】利用scroll-view标签，实现上拉分页加载更多

☆☆利用scroll-view标签根据设备宽度实现上拉分页加载更多1，WXML：{{item.title}}2，JS：//pages/test/test.jsPage({//数据初始化data:{list
王小傻、QAQ·2020-08-17 22:28

微信小程序 滚动选项卡 swiper高度自适应

那就给scroll-view计算一下高度wxml{{item.text}}{{item.name}}卡号：{{item.time}}{{item.list}}js中data:{//tab切换currentTab
Treasure girl1·2020-08-17 20:41

（六）scroll-view 组件

（一）横向滚动、纵向滚动scroll-xscroll-yABCABC同时配合css.view{height:400px;width:100%;/*必须是inline-block给父元素设置display:flex不好使*/display:inline-block;}.demo-1{background:red;}.demo-2{background:green;}.demo-3{backgroun
Luckyzhoufangbing·2020-08-17 20:14

（七）scroll-view 下拉加载

html:{{item.name}}加载中...js:Page({data:{timer:null,dataList:[{background:'red',name:'A'},{background:'green',name:'B'},{background:'yellow',name:'C'}],secondList:[{background:'pink',name:'D'},{backgrou
Luckyzhoufangbing·2020-08-17 20:43

微信小程序 - height: calc(xx - xx)；无效

遇到一个小问题，记录一下问题：在微信小程序中使用scroll-view标签时，用height:cale(xx-xx)设置高度无效，在page中设置高度为百分百依旧无效解决办法：直接在父级view标签中设置高度为百分百即可
pengxp2008·2020-08-17 20:00

微信小程序从入门到放弃（七）

scroll-view不显示滚动条新版本的微信小程序已经把scroll-view的滚动条默认为隐藏了，而有的业务逻辑需要把滚动条显示出来；所以：本人查了好久终于找到了解决的方案，就是找到滚动条添加样式；
Presbyterian·2020-08-17 09:54

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

效果图：1.scroll-view中的需要滑动的元素不可以用float浮动使其一行展示；2.包裹scroll-view的元素如果用display:flex;是没有滚动效果的；3.scroll-view中的需要滑动的元素要用
·2020-08-17 09:45

mpvue - 注意事项

命名格式组件名不要和微信的组件名重名以下为微信自带组件view、scroll-view、swiper、movable-view、cover-view、icon、text、rich-text、progress
idomyway·2020-08-17 05:35

小程序的一些常见问题汇总

tip:wx.getUserInfo接口需要用户授权，请兼容用户拒绝授权的场景tip:在滚动scroll-view时会阻止页面回弹，所以在scroll-view中滚动，是无法触发onPullDownRefreshtip
iugg22·2020-08-16 13:19

微信小程序上拉刷新和下拉加载2种方法实现

微信小程序上拉刷新和下拉加载2种方法实现，onPullDownRefresh，scroll-view使用一、XXX.json开启下拉刷新{"enablePullDownRefresh":true}二、XXX.jsonPullDownRefresh
璞~·2020-08-16 00:09

uni-app 问题

1.问题：scroll-view和swiper中不能push过多dom，如果展示商品列表类的数据，需要一直下拉到底加载或者点击加载更多，只能放在view中使用"onReachBottomDistance
XiaoYi0215·2020-08-15 22:21

uniapp scroll-view 选项卡 滑动切换

当选项大于屏幕宽度，在选中选项时希望选中项聚焦到屏幕可视范围：（横向滚动）scroll-view属性在代码中需要给每一个选项tab绑定一个ID例：:id="'tab-'+index"index为循环索引第一种方法
yangqii·2020-08-15 20:44

uni-app阻止页面滚动与返回顶部的实现

scroll-view返回顶部：//监听scroll事件，记录组件内部变化的值，在设置新值之前先设置为记录的当前值exportdefault{data(){return{scrollTop:0,old:
晓是初晓的晓·2020-08-15 20:00

小程序点击到页面指定位置

点击推荐到商品推荐这里,这里不用scroll-view在mounted中获取节点信息mounted(){//选择并获取节点信息,官网建议在mounted中调用varquery=uni.createSelectorQuery
努力奋进的程序猿·2020-08-15 20:23

uniapp使用scroll-view与swiper制作顶部导航栏

使用scroll-view与swiper制作顶部导航复制即可用图：代码：{{item}}{{item}}exportdefault{data(){return{current:0,scrollView:
@click·2020-08-15 20:42

小程序吸顶效果

没滑动时又恢复原位先弄一个wxml文件，滑动到目标处就固定在顶部今日新闻列表今日新闻列表wxss里面.news.fix-news{position:fixed;top:0;left:0;}js里面1.使用scroll-view
weixin_34343689·2020-08-15 20:44

微信小程序导航栏，下面内容滑动，上册导航栏跟着滑动，内容随着导航栏滑动...

index.wxmlindex.js//bindchange事件change:function(){//获取当前索引varindex=e.detail.current;//51是每个导航的宽度，240是scroll-view
weixin_30621959·2020-08-15 19:30

uniapp、vue，关于scroll-view中scroll-into-view的坑

因为项目需要一个聊天室的功能，每次收到消息都要滑动到最底部来确保每次新消息都能显示出来。于是打算用scroll-into-view来实现这个功能。html:js:思路没毛病，就是每次监听到有新消息时，自动滑动到这条新消息的位置！但是写出来后发现，特喵的不跳转！我就感觉是不是我哪里犯了低级错误，于是一遍又一遍检查，但检查不出来哪里有错，要跳转的view的id也没写错，F12检查dom元素也有最新的i
Burgess不写Bug·2020-08-15 19:16

scroll-view 中scroll-top设置无效对问题

初次使用scroll-view中scroll-top，结果发现没有效果，所以在网上搜了一下，发现有问题的人还挺多的，所以就在此说明一下{{item.Name}}-->{{item2.Itself.Name
♂小哥哥·2020-08-15 19:56

微信小程序----实现YDUI的ScrollNav组件（滚动导航）

下载DEMO下载更多更多微信小程序实例效果图实现原理采用双scroll-view组件实现双滚动！
Rattenking·2020-08-15 19:40

uniapp 获取scroll-view 高度的问题

//计算屏幕剩余高度填补剩余高度let_this=thisuni.getSystemInfo({success(res){_this.phoneHeight=res.windowHeightconsole.log(res.windowHeight)//计算组件的高度letview=uni.createSelectorQuery().select(".hd-height")view.bounding
chuchongshen5446·2020-08-15 18:17

微信小程序学习笔记四（持续更新）---征服scroll-view下拉刷新

官方提供的scroll-view作为容器，如果在scroll-view使用onPullDownRefresh实现下拉刷新，会存在页面刷新卡，并且刷新会出现在tab之上，用户体验极差。
ankuaji8631·2020-08-15 18:51

uni-app 利用 scroll-view 和 swiper 制作 顶部导航条 （可复用）

{{menuTab.name}}{{swiperDate2}}data(){return{scrollLeft:0,isClickChange:false,currentTab:0,menuTabs:[{name:'政策咨询'},{name:'就业分配'},{name:'战友互助'},{name:'趣味杂谈'},{name:'怀旧时光'},{name:'军旅生活'}],swiperDateList
骑蜗牛de刘皇shu·2020-08-15 18:57

uniapp里面直接使用scroll-view实现不超出屏幕的横向滚动（超级好用！！！）

标题uniapp里面直接使用scroll-view实现不超出屏幕的横向滚动先给大家看一下效果，我做的是图片的左右滑动图一图二图三scroll-view是uniapp里面的一个视图容器，然后有很多属性官方的文档里面都有简单介绍然后下面是上面效果对应的代码
菜鸟每天飞过·2020-08-15 18:14

uni点击导航栏滚动到本页面对应位置

html部分{{item.text}}js部分(对应的变量提前在data中定义好)1、在onLoad中拿到自适应winHeight赋值到scroll-view组件；2、通过createSelectorQuery
努力奋进的程序猿·2020-08-15 18:47

解决uniapp 的顶部 navbar scroll-view的滑块跟随问题和 下方包含内容的swiper 滑块不同步的问题

Scroll-view中有一个属性scroll-into-view注意：scroll-into-view值应为某子元素id（id不能以数字开头）。
路 西·2020-08-15 18:16

uni设置scroll-top为0无效

uniapp里面使用scroll-view组件，动态设置scroll-top属性来控制滚动高度，但是当想滚动到起始位置时设置动态值为0时无效的。具体原因还在找，但是找到了解决方法。
百味苦·2020-08-15 07:26

小程序解决弹窗滑动穿透问题

当弹窗内容需要滚动的时候&&当前页面无需滚动如果你页面没有滚动条可以直接给当前页面最父级元素fixed定位一下或者overflow：hidden一下3当弹窗内容需要滚动的时候&&当前页面也需滚动我弹窗滚动用的是scroll-view
为什么名字都被占用·2020-08-15 07:52

微信小程序 video组件----真机测试position:fixed无效 且有黑底

在手机端测试就有以上的问题sadsadsadsadsadsadsadsadsadsadsadsadsadsadsad2、解决办法将滑动的内容用scroll-view包裹，并且给一个固定的高度，这个高度最高不要用百分比
weixin_30399155·2020-08-14 08:09

微信小程序把video固定在页面顶端的奇怪问题(视频移动，黑色底留下)

1.videofixed布局会造成：视频移动，黑色底留下2.flex布局，video固定高度，自适应部分用scroll-view,代码如下：….grid-box{width:100%;height:100%
春风十里柔情·2020-08-14 07:53

微信小程序中的fixed布局 以及video标签添加position:fixed中的坑

position:fixed;因为这样做其实会导致出现黑框固定，里面视频依然会滚动，解决办法就是在用view吧video包起来，对view使用fixed即可，另外我们微信一般都是从上到下，滚动区域我们可以写成scroll-view
weixin_34361881·2020-08-14 06:27

微信小程序scrollview 滑动卡顿问题

在使用scroll-view时遇到一个问题，当scroll-view的内容超过一屏时，往下滑动，scroll-view很大几率会卡死，一旦卡死,怎么下滑都没用，需要等几秒钟(这几秒钟内不能继续做下滑操作
wisdom605768292·2020-08-14 01:39

uniapp之使用scroll-view时的要点

1、一定要在scroll-view标签里面写内容，包含后台返回的循环数据2、在scroll-view标签设置css样式：white-space:nowrap;(不换行)3、在scroll-view标签的子标签设置
diCommon·2020-08-14 01:11

小程序实现外卖滑动菜单栏

小程序实现外卖滑动菜单栏目的：分析：布局：上、可供选择的栏目、tabs下：左类别+友相对应的菜品+悬浮购物车（position:fixed）左：可滑动的类别选择、scroll-view右：可滑动的对应菜品
想学点black技术·2020-08-13 18:31

小程序实现左右切换滑动列表思路

实现目标可左右滑动切换列表；点击分类菜单切换到相应的列表；每个列表都可以上拉加载及下拉刷新；结果展示思路通过使用scroll-view组件来实现顶部的菜单列表、多个列表的左右滑动实现父组件及滚动列表，同时监听触摸相关事件来处理左右滑动整个列表而不是滑一部分移动一部分
DecadentF·2020-08-13 11:20

微信小程序遇到的一些问题（mpvue）

关于scroll-view的用法1.下拉刷新的实现方法（@scrolltoupper只能在向下滑动一段距离再触顶才能生效）实现方法：（注意：下拉执行完毕后，不要使下拉动画直接消失，因为在ios中会出现闪动
weixin_34237596·2020-08-11 19:47
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他