V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐学习书目
Learn Python the Hard Way
Python Sites
PyPI - Python Package Index
http://diveintopython.org/toc/index.html
Pocoo
值得关注的项目
PyPy
Celery
Jinja2
Read the Docs
gevent
pyenv
virtualenv
Stackless Python
Beautiful Soup
结巴中文分词
Green Unicorn
Sentry
Shovel
Pyflakes
pytest
Python 编程
pep8 Checker
Styles
PEP 8
Google Python Style Guide
Code Style from The Hitchhiker's Guide
aliehuhu
V2EX  ›  Python

js 可以动态设置滚动条监听事件吗?

  •  
  •   aliehuhu · 2018-02-21 17:10:49 +08:00 · 3144 次点击
    这是一个创建于 2246 天前的主题,其中的信息可能已经有所发展或是发生改变。
    需要监听页面中一个 div 到显示区域的高度。
    需求是点击了页面中某一个按钮再监视,不点击就不监视。
    8 条回复    2018-02-22 11:29:51 +08:00
    devotenimabi
        1
    devotenimabi  
       2018-02-21 17:15:17 +08:00
    可以
    mashirozx
        2
    mashirozx  
       2018-02-21 17:22:25 +08:00
    可以,前几天刚写了一个通过追踪滚动事件控制 div 距离顶部高度的脚本
    https://2heng.xin/2018/02/13/%e4%b8%ba%e6%96%87%e7%ab%a0%e6%b7%bb%e5%8a%a0%e4%b8%80%e4%b8%aa%e7%9b%ae%e5%bd%95/
    flowfire
        3
    flowfire  
       2018-02-21 17:22:30 +08:00
    。。。。难道不是 onscroll
    mashirozx
        4
    mashirozx  
       2018-02-21 17:23:47 +08:00
    话说你为什么问到 python 分类下 2333
    aliehuhu
        5
    aliehuhu  
    OP
       2018-02-21 18:38:40 +08:00
    @mashirozx 哪里人多往哪里凑啊,人多的地方回答的人也快。
    需求是这样的,页面中有个按钮,点击这个按钮一下,当浏览至页面底部的时候就自动请求第二页的内容再追加展示到当前页。如果没点这个按钮,就不自动请求下一页内容。
    meszyouh
        6
    meszyouh  
       2018-02-21 18:40:50 +08:00
    @aliehuhu 可以先添加,设置一个变量控制,用户也可以多次切换
    mashirozx
        7
    mashirozx  
       2018-02-22 09:18:44 +08:00 via Android
    @aliehuhu 看起来你的需求更像是 on show 事件呀,jQuery 有一个 on 事件,第一个参数用 show,参考 http://api.jquery.com/on/
    oswuhan
        8
    oswuhan  
       2018-02-22 11:29:51 +08:00   ❤️ 1
    核心思路就是判断:element.scrollHeight - element.scrollTop === element.clientHeight

    你#5 的需求的一个简单实现,https://coding.net/u/tuhui/p/web-scroll-event/git

    chrome 下开发与测试,未考虑其它浏览器兼容性,未考虑任何性能问题,比如 scroll 事件的节流处理,更没有考虑任何 UI 设计方面的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1452 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 23:56 · PVG 07:56 · LAX 16:56 · JFK 19:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.