Skip to content

Instantly share code, notes, and snippets.

@shangdev

shangdev/detect-onscroll

Created September 7, 2019 15:56
Show Gist options
  • Save shangdev/34bc396821e352af0367db608061d981 to your computer and use it in GitHub Desktop.
Save shangdev/34bc396821e352af0367db608061d981 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. shangdev created this gist Sep 7, 2019.
    30 changes: 30 additions & 0 deletions detect-onscroll
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    let overflowX = "auto";
    let overflowY = "auto";
    let scrollLeft = 0;
    let scrollTop = 0;
    let isScrolling;

    const handleScroll = e => {
    const element = e.target;
    window.clearTimeout(isScrolling);

    isScrolling = window.setTimeout(() => {
    overflowX = "auto";
    overflowY = "auto";
    console.log("滚动停止");
    }, 250);

    if (scrollLeft !== element.scrollLeft) {
    scrollLeft = element.scrollLeft;
    overflowY = "hidden";
    console.log(1);
    console.log("水平滚动：" + scrollLeft);
    }

    if (scrollTop !== element.scrollTop) {
    scrollTop = element.scrollTop;
    overflowX = "hidden";
    console.log(2);
    console.log("垂直滚动：" + scrollTop);
    }
    };