V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
allgy
V2EX  ›  分享发现

一行代码滚动页面到最底部

  •  
  •   allgy · 2019-03-27 15:42:41 +08:00 · 2024 次点击
    这是一个创建于 1828 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大家有没有一个需要,就是逛知乎的时候要找自己之前的帖子,但是得拖动一下进度条,加载一点拖动一下,然后用 crtl + f 搜索关键字,定位到帖子内容,当你收藏或点赞得贴子太多这样很麻烦,今天想着能不能先一次把 scroll 加载到文档最底部(内容的起点),再根据关键字搜索到需要的内容,这样更简单,之前用过 chrome 的 capture full size screenshot 命令截屏,想着会不会有一个命令可以滚动 scroll 到最底部,很遗憾没有,自己就用 js 写了个命令,只需要打开你需要滚动的页面 console 执行即可

    window.setInterval(function(){window.scrollTo(0,document.body.scrollHeight)}, 1000);
    

    这里使用的是匿名方法,当滚动条到底,定时器还在执行消耗资源,可以用此方法结束匿名定时器:

    for(var i = 0; i < 9999; i++) {
        clearInterval(i)
    }
    

    js 中每个定时器都有唯一的 ID,这里可以因为只定义一个,可以猜测 ID 为 0

    第 1 条附言  ·  2019-03-27 16:27:05 +08:00
    <img src=" "/>
    5 条回复    2019-04-12 09:36:43 +08:00
    allgy
        1
    allgy  
    OP
       2019-03-27 16:14:59 +08:00
    allgy
        3
    allgy  
    OP
       2019-03-29 09:36:34 +08:00
    @starship 可以哦,互赞
    wednesdayco
        4
    wednesdayco  
       2019-04-03 11:24:37 +08:00
    猜测 ID 为 0 可还行- -
    allgy
        5
    allgy  
    OP
       2019-04-12 09:36:43 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1122 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:48 · PVG 02:48 · LAX 11:48 · JFK 14:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.