html为滚动列表，添加滚动条滑动响应事件

scimence

于 2024-12-04 17:56:38 发布

阅读量296

点赞数 3

文章标签： html 前端 javascript scroll 页面元素滚动条响应事件

本文链接：https://blog.youkuaiyun.com/scimence/article/details/144246170

版权

/** 滚动条滚动响应事件 */
function paperlistScroll(elem) {
    //if (elem == null) elem = $(".paperlist")[0];

    var scrollTop = elem.scrollTop;
    var scrollHeight = elem.scrollHeight;
    var clientHeight = elem.clientHeight;

    console.log("scrollHeight:" + scrollHeight + ", scrollTop:" + scrollTop + ", clientHeight:" + clientHeight);
    if (scrollTop == 0) console.log("滚动到顶部");
    if (scrollTop + clientHeight == scrollHeight) console.log("滚动到底部");
}