javascript - 滚动到网页底部的书签

标签 javascript bookmarklet

我想知道是否有可能创建一个小书签来点击并且当前网页滚动到底部!

javascript:function%20scrollme(){dh=document.body.scrollHeight;ch=document.body.clientHeight;if(dh>ch){moveme=dh-ch;window.scrollTo(0,moveme);}}

如果我创建一个新书签并将其粘贴为地址,则不会发生任何事情。我实际上不知道如何在小书签中运行 javascript,但是我只是为 css-tricks Printliminator 添加了书签。

也许你能帮上忙,我很想拥有这样的书签!

最佳答案

首先,您的 JavaScript 只定义了一个函数,没有做任何其他事情。

其次,你需要使用document.documentElement (代表 <html> 元素)而不是 document.body :

javascript:dh=document.documentElement.scrollHeight;ch=document.documentElement.clientHeight;if(dh>ch){moveme=dh-ch;window.scrollTo(0,moveme);}

或者,简单地

javascript:window.scrollTo(0,document.documentElement.scrollHeight)

(显然 y-coord window.scrollTo 是否大于最大位置并不重要)。

更新: 如果您必须以怪癖模式处理 IE,根元素确实是 document.body .其他浏览器让 document.documentElement.clientHeight表示文档的高度(请参阅 Finding the size of the browser window ,它处理窗口的高度,但包含一个漂亮的表格)。无论如何,您想将滚动条的位置设置为三者中最大的那个:

javascript:window.scrollTo(0,Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,document.documentElement.clientHeight))

关于javascript - 滚动到网页底部的书签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2986059/

相关文章:

testing - 用于在浏览器中交换(实时和测试)URL 的书签

获取当前 URL 的 Javascript Bookmarklet

javascript - 如何在 Knockout js 中提供分页

javascript - 当用户输入 React js 时如何设置自定义输入状态结构

javascript - 单击jquery双重执行

javascript - document.execCommand (‘cut’/‘copy’ ) 在小书签中被拒绝

javascript - 当 JSON2 重载时访问 native JSON 对象

Javascript Bookmarklet 用链接替换文本

javascript - 为什么背景图像不使用 Angular 设置?

javascript - jQuery 点击 css3 旋转