import{o as a,a as n,y as t}from"./vue-libs.b44bc779.js";const l={class:"van-doc-markdown-body"},e=t(`

useScrollParent

\u4ECB\u7ECD

\u83B7\u53D6\u5143\u7D20\u6700\u8FD1\u7684\u53EF\u6EDA\u52A8\u7236\u5143\u7D20\u3002

\u4EE3\u7801\u6F14\u793A

\u57FA\u672C\u7528\u6CD5

<div ref="root" />

import { ref, watch } from 'vue';
import { useScrollParent, useEventListener } from '@vant/use';

export default {
  setup() {
    const root = ref();
    const scrollParent = useScrollParent(root);

    useEventListener(
      'scroll',
      () => {
        console.log('scroll');
      },
      { target: scrollParent }
    );

    return { root };
  },
};

API

\u7C7B\u578B\u5B9A\u4E49

function useScrollParent(
  element: Ref<Element | undefined>
): Ref<Element | Window | undefined>;

\u53C2\u6570

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
element	\u5F53\u524D\u5143\u7D20	Ref<Element>	-

\u8FD4\u56DE\u503C

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B
scrollParent	\u6700\u8FD1\u7684\u53EF\u6EDA\u52A8\u7236\u5143\u7D20	Ref<Element>

`,8),c=[e],i={__name:"use-scroll-parent.zh-CN",setup(r,{expose:s}){return s({frontmatter:{}}),(p,o)=>(a(),n("div",l,c))}};export{i as default};