JS JQUERY实现滚动条自动滚到底的方法


Posted in Javascript onJanuary 09, 2015

设置页面加载时滚动条自动滚到底的方法:

jQuery:

$(function(){

  var h = $(document).height()-$(window).height();

  $(document).scrollTop(h);

});

JavaScript:

window.onload = function(){

  var h = document.documentElement.scrollHeight || document.body.scrollHeight;

  window.scrollTo(h,h);

}

以上2种方法均可以实现页面加载时滚动条自动滚动到底,小伙伴们根据自己的实际需求,自由选择吧

Javascript 相关文章推荐
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
jquery等待效果示例
May 01 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
详解js加减乘除精确计算
Mar 19 Javascript
element tree树形组件回显数据问题解决
Aug 14 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 #Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 #Javascript
JavaScript Math.floor方法(对数值向下取整)
Jan 09 #Javascript
使用javascript实现json数据以csv格式下载
Jan 09 #Javascript
js读取csv文件并使用json显示出来
Jan 09 #Javascript
微信JS接口汇总及使用详解
Jan 09 #Javascript
推荐一款jQuery插件模板
Jan 09 #Javascript
You might like
APMServ使用说明
2006/10/23 PHP
php在文件指定行中写入代码的方法
2012/05/23 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
form中限制文本字节数js代码
2007/06/10 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
Python下线程之间的共享和释放示例
2015/05/04 Python
Python中Class类用法实例分析
2015/11/12 Python
Python删除n行后的其他行方法
2019/01/28 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
python pyhs2 的安装操作
2021/04/07 Python