【JavaScript 小工具】—— 滚动定位

Lily.C

已于 2024-06-28 09:51:48 修改

阅读量102

点赞数 3

文章标签： javascript 前端 html

于 2024-06-28 09:51:18 首次发布

本文链接：https://blog.csdn.net/weixin_44311458/article/details/140034377

版权

滚动定位

document.getElementById('innner').addEventListener('scroll', function ($event) {
            let top = $event.target.scrollTop
            let scrollPanel = document.getElementsByClassName('scroll-panel')
            let height = 0
            for (let i = 0; i < scrollPanel.length; i++) {
                height += scrollPanel[i].offsetHeight + 30
                if (height >= top) {
                    _that.activeIndex = i
                    break
                }
            }
        })