scroll-view俩栏滚动，点击左侧，右侧不会滚动到顶部问题

最新推荐文章于 2024-05-30 11:27:58 发布
最新推荐文章于 2024-05-30 11:27:58 发布
阅读量189 收藏
点赞数
文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Strive_Limingyun/article/details/129398101
版权

在data添加scrollTop：0，并在标签内添加动态绑定属性 :scrollTop，为左侧scroll-view 绑定点击事件，并添加语句如下： this.scrollTop = this.scrollTop === 0 ? 1 : 0

<scroll-view class="right-scroll-view" scroll-y="true" style="height: 300px;" :style="{height: wh + 'px'}" :scroll-top=
最低0.47元/天 解锁文章
Mingyun-zjk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序-scroll-view滚动到指定位置（类似锚点）
03-29
本文作者：莫兰迪不会没有瓶子，来自原文地址 先来说一下官网例子吧 ...scroll-view竖向滚动必须设置scroll-y="true" style="height: 200rpx;" 必须.. style="height: 200rpx;" 必须为200rpx/200px 不能用百分号 js中
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
12-28
1.wxml代码： <view class=page> <import src=../../components/catering-item/catering-item.wxml> ...scroll-view scroll-y scroll-with-animation scroll-left={{scrollLength}} class='scrollY'
解决ScrollView加载后不在顶部问题
prince586的专栏
07-11 454
Activity布局中有个ScrollView，ScrollView中有多个控件，打开或重复加载Activity时，ScrollView的滚动条没有停在顶部，要向上滑动下才看得到，这样用户体现很差。解决办法： 方法一： 使用ScrollView的方法：scrollView.smoothScrollTo(0, 0);  或  scrollView.scrollTo(int,int);
关于 Taro 的 ScrollView 在Dom结构发生变化会自动回滚到顶部解决方案和原因
qq_33490514的博客
12-30 3619
使用Taro开发小程序时候发现 ScrollView 会在同级节点发生增删情况下会自动会滚ScrollView到顶部，经过多次验证和查阅Taro原理发现这是Taro自身bug 出现BUG原因 因为Taro其实是将React所有组件的state更新归级Page统一进行管理即楼级组件对应的state是 state = { cn: [ cn1, cn2, cn3 ] } 那么新增和删除节点就是 this.setState({ cn: [ cn1, cn3 ] }) 这样就会导致组件数组对比是完全更新的，.
taro ScrollView 实现页面内容增加自动上滑到最顶部
weixin_43886340的博客
06-16 1616
移动端内容自动滚动
Taro组件库使用＜ScrollView＞ 组件 在ScrollView中添加粘性定位
Youyzq的博客
11-29 1133
语言环境:react.js+taro 场景: 我想在<ScrollView> 组件中使用粘性定位 在ScrollView中是不支持粘性定位的所以我们要使用一些华丽的操作来实现这个功能 上代码 onScroll 这个事件，是你滚动时就会触发 返回值(event.detail = { scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}) <ScrollView scrollY onScroll={
Taro 中使用ScrollView滚动组件。怎么设置滚动高度的问题。
weixin_46662539的博客
10-29 3046
在使用ScrollView进行滚动加载的时候，滚动到下一页，再进行筛选的时候，需要把位置恢复到顶部。 不然就会出现这种情况 查阅Taro官网得知，可以设置scrollTop进行设置滚动条位置。 在进行设置scrollTop,为0的时候，发现不生效。 然后开始对比官方文档，发现使用方法什么都一样，没有任何问题。 实在让人头疼，仔细进行排查，会不会是每次都是设置为0，是不是框架检查属性值没发生改变而没设置成功呢。 采用属性值+Math.random(),这样每次产生的值就不一样了。 这样进行设置果然成功了
taro 滚动组件ScrollView
weixin_43294560的博客
09-25 1万+
1、使用 import { ScrollView } from '@tarojs/components' <ScrollView className='scrollview' scrollY 指定滑动方向 scrollWithAnimation 开启滑动动画 enableBackToTop 点击顶部标题栏滑动到顶部 scrollTop={n} 设置竖向滚动条位置 scrollLeft={n} 设置横向滚动条位置
uniapp scroll-view切换tab时，右侧区域滚动条不能回到最上面的解决方案
bbt953的博客
05-07 2047
<!-- 左侧的滑动区域 --> <scroll-view class="left-scroll-view" scroll-y="true" :style="{height: wh + 'px'}"> <!-- 将滚动区域的高度设置为当前设备可视区的高度 --> <block v-for="(item,i) in cateList" :key="i"> <view :class="i === active ? 'left-scroll-v
offsetTop、offsetParent、scrollTop以及vue如何实现左右联动效果
qq_43631129的博客
01-07 1132
offsetTop、offsetParent、scrollTop以及vue如何实现左右联动效果
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
10-18
主要介绍了微信小程序scroll-view实现滚动穿透和阻止滚动的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序scroll-view组件实现滚动动画
08-28
主要为大家详细介绍了微信小程序scroll-view组件实现滚动动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我在.wxss里设置了高度为100%: .scrollStyle{ width: 100%; height: 100%; display: flex; flex-direction: column; } 居然无效，...
目前有uniapp的scroll-view组件2个，想实现在H5页面滑动X轴时，一个 scroll-view组件的滑动的时候，另一个scroll-view组件也能同时移动，但内容少的时候没有问题，内容...
weixin_42613018的博客
02-14 671
如果想实现多个scroll-view组件同步滚动，可以在每个scroll-view组件的滚动事件中通过设置scrollTop或scrollLeft属性来控制另一个scroll-view组件的滚动位置。这样每个scroll-view组件的滚动都会触发另一个scroll-view组件的滚动，但是如果内容很多的话可能会引起性能问题。 为了解决这个问题，可以采用以下方法： 使用预渲染，将预先渲染的内容预...
小程序 scroll-view 实现滚动高亮左侧 tab 导航栏锚点定位
weixin_42995152的博客
04-19 741
效果图： 废话不多数，直接上代码： 参考链接：https://blog.csdn.net/weixin_44936767/article/details/115710782
为什么scrollTop设置后一直为0的解释和解决方案（精品）
热门推荐
kouryoushine的博客
08-19 4万+
背景 做前端希望页面能跳转到 某一位置用到了scrollTop属性。可是发现给某个div设置该属性后，一致为0。找了很多方案，但不都适合自己，或者说不知道是否适合。 Why scrollTop==0? 总而言之，所有情况都是因为你给一个没有滚动条的元素设置滚动条的位置。 什么时候存在滚动条？ 页面布局我们可以简单理解为 div盒子套div盒子。当内侧div盒子的高度大于外部时，外部的div就会出现...
uniapp（踩坑记录 持续更新）
一个有节操的码农
11-30 1665
20211130 uniapp中不支持使用 Vue.prototype 挂载全局变量的方式，着急定义的值可以取到，但是不能动态修改值。
uniapp 操作 scroll-view 切换滚动条不返回顶端
Kerwin__li的博客
01-13 972
我们在给 scroll-view 绑定了 scroll-top 属性后，通过事件处理函数 将scroll进行赋值，来达到每次切换可以返回顶部。每次赋值的时候赋值不同的数据 就可以解决这个问题了。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
最新发布
山花的博客
05-30 673
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
scroll-view无限滚动并且点击居中
06-06
4. 监听子元素的点击事件，获取被点击的子元素的索引，计算出容器需要滚动的距离，然后使用 scroll-view 的 scrollIntoView 方法将被点击的子元素滚动到居中位置。 以下是一个简单的示例代码： ```html <scroll-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值