uniapp在指定区域内的滚动

329 阅读1分钟

html部分

                       <scroll-view scroll-y="true" :scroll-top="scrollTop" class="scroll-y" @scroll="scroll">
                       <!-- 这里的核心代码就是scroll-view标签 -->
                       <!-- 需要滚动的区域 -->
							<view v-for="(item,index) in list2" :key="index" ref="viewss">
								<text class="t">{{item.name}}</text>
								<ul class="u2">
									<li @click="tiao(item.Id)" v-for="(item, index) in list3.filter(item2=>{
											return item2.type_two==item.name
										})" :key="index">
										<img :src="item.imageUrl" alt="" />
										<view>
											<h4>{{ item.title }}</h4>
											<p>
												<span>{{ "¥" + item.priceStr }}</span>
												<span v-html="item.mack"></span>
											</p>
										</view>
									</li>
								</ul>
							</view>
							<!-- 需要滚动的区域 -->
							
						</scroll-view>

js部分

<script>
export default {
		data() {
			return {
				scrollTop: 0,  //这个是给滚动的高度绑定的值
				old: {
					scrollTop: 0   //这是动态滚动的高度
				}
			}
		},
		methods: {
			scroll: function(e) {
				console.log(e)
				this.old.scrollTop = e.detail.scrollTop  //这个是滚动的高度,修改它即可指定滚动的位置
			}
	}
</script>