blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf: add correct passive flag to improve scroll performance (#10951)

Browse Source
This commit is contained in:
neverland 2022-08-21 17:33:57 +08:00 committed by GitHub
parent ca583e1075
commit cb93bd2da3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/vant/src/dropdown-menu/DropdownMenu.tsx
View File

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

5
packages/vant/src/index-bar/IndexBar.tsx
View File

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

5
packages/vant/src/list/List.tsx
View File

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

5
packages/vant/src/sticky/Sticky.tsx
View File

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

5
packages/vant/src/tabs/Tabs.tsx
View File

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