滚动监听-body主体演示

# JJYChengScrollListening **Repository Path**: jjycheng/jjycheng-scroll-listening ## Basic Information - **Project Name**: JJYChengScrollListening - **Description**: 滚动监听插件版源码；无论是监听body整个页面，还是监听页面中某个容器，都可以用；电脑、手机端通用JJYChengScrollListening.js 作者：cplvfx 博客地址：https://cplvfx.blog.csdn.net/ - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2024-03-06 - **Last Updated**: 2024-03-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # JJYChengScrollListening ## 介绍滚动监听插件版源码；无论是监听body整个页面，还是监听页面中某个容器，都可以用；电脑、手机端通用; JJYChengScrollListening.js 作者：cplvfx 博客地址：https://cplvfx.blog.csdn.net/ ### 预览演示地址 1. [html直接引入--监听body](https://cplvfx.gitee.io/jjycheng-scroll-listening/body.html) 2. [html直接引入--监听某个节点容器](https://cplvfx.gitee.io/jjycheng-scroll-listening/node.html) 3. [import引入--监听body（以vue举例）](https://cplvfx.gitee.io/jjycheng-scroll-listening/vue_body.html) 4. [import引入--监听某个节点容器（以vue举例）](https://cplvfx.gitee.io/jjycheng-scroll-listening/vue_node.html) ## 软件架构由原生JS开发设计 ## 安装教程 ### html直接引入 ```html ``` ### import引入 ```js import "./js/JJYChengScrollListening.js" ``` ## 使用说明 ### 1. html直接引入--监听body ![Alt](./img/body.gif) ```html 滚动监听-body主体演示

滚动监听- body 主体演示

``` ### 2. html直接引入--监听某个节点容器 ![Alt](./img/node.gif) ```html 滚动监听-节点容器-主体演示

滚动监听- 节点容器主体演示

``` ### 3. import引入--监听body（以vue举例） ![Alt](./img/vue_body.gif) ```html Vue-滚动监听-body主体演示

Vue-滚动监听- body 主体演示

``` ### 4. import引入--监听某个节点容器（以vue举例） ![Alt](./img/vue_node.gif) ```html Vue-滚动监听-节点容器-主体演示

Vue-滚动监听- 节点容器主体演示

``` ## 参与贡献作者：cplvfx 博客地址：https://cplvfx.blog.csdn.net/ ## 特技