Compare commits

...

2 Commits

Author SHA1 Message Date
neverland
cb93bd2da3
perf: add correct passive flag to improve scroll performance (#10951) 2022-08-21 17:33:57 +08:00
neverland
ca583e1075
docs(NoticeBar): disable swipe drag in demo (#10950) 2022-08-21 17:28:32 +08:00
8 changed files with 23 additions and 5 deletions

View File

@ -145,7 +145,10 @@ export default defineComponent({
linkChildren({ id, props, offset });
useClickAway(root, onClickAway);
useEventListener('scroll', onScroll, { target: scrollParent });
useEventListener('scroll', onScroll, {
target: scrollParent,
passive: true,
});
return () => (
<div ref={root} class={bem()}>

View File

@ -182,7 +182,10 @@ export default defineComponent({
nextTick(onScroll);
};
useEventListener('scroll', onScroll, { target: scrollParent });
useEventListener('scroll', onScroll, {
target: scrollParent,
passive: true,
});
onMounted(init);

View File

@ -166,7 +166,10 @@ export default defineComponent({
useExpose<ListExpose>({ check });
useEventListener('scroll', check, { target: scrollParent });
useEventListener('scroll', check, {
target: scrollParent,
passive: true,
});
return () => {
const Content = slots.default?.();

View File

@ -72,6 +72,7 @@ app.use(NoticeBar);
vertical
class="notice-swipe"
:autoplay="3000"
:touchable="false"
:show-indicators="false"
>
<van-swipe-item>Content 1</van-swipe-item>

View File

@ -88,6 +88,7 @@ app.use(NoticeBar);
vertical
class="notice-swipe"
:autoplay="3000"
:touchable="false"
:show-indicators="false"
>
<van-swipe-item>明月直入,无心可猜。</van-swipe-item>

View File

@ -69,6 +69,7 @@ const t = useTranslate({
vertical
class="notice-swipe"
:autoplay="3000"
:touchable="false"
:show-indicators="false"
>
<van-swipe-item>{{ t('poetry1') }}</van-swipe-item>

View File

@ -140,7 +140,10 @@ export default defineComponent({
(value) => emit('change', value)
);
useEventListener('scroll', onScroll, { target: scrollParent });
useEventListener('scroll', onScroll, {
target: scrollParent,
passive: true,
});
useVisibilityChange(root, onScroll);
return () => (

View File

@ -485,7 +485,10 @@ export default defineComponent({
onActivated(setLine);
onPopupReopen(setLine);
onMountedOrActivated(init);
useEventListener('scroll', onScroll, { target: scroller });
useEventListener('scroll', onScroll, {
target: scroller,
passive: true,
});
linkChildren({
id,