// 横向滚动,滚动到最后
let id = '';
Taro.createSelectorQuery().select('#video-scroll-view').node().exec(res= => {
const scrollView = resp[0].node;
scrollView.scrollIntoView(`#${id}`);
});
<ScrollView
scrollX
id="video-scroll-view"
>
{
list.map((item, index) => {
if (index === list.length - 1) {
id = `video-item-${item.id}`;
}
<View id={`video-item-${item.id}`}></View>
})
}
</ScrollView>
// 添加scrollTop滚动
const scrollTop = useRef(0);
const handleScroll = (e) => {
scrollTop.current = e.detail.scrollTop;
}
<ScrollView
scrollTop={scrollTop.current}
onScroll={handleScroll}
>
{
list.map((item, index) => {
if (index === list.length - 1) {
id = `video-item-${item.id}`;
}
<View id={`video-item-${item.id}`}></View>
})
}
</ScrollView>
ScrollView常见用法
于 2023-04-24 21:03:05 首次发布