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 相关文章推荐
javascript 模拟点击广告
Jan 02 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
May 24 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
JQuery扩展对象方法操作示例
Aug 21 jQuery
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 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
php实现获取文件mime类型的方法
2015/02/11 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
js计算精度问题小结
2013/04/22 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
Vue CL3 配置路径别名详解
2019/05/30 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
Vue使用鼠标在Canvas上绘制矩形
2020/12/24 Vue.js
Django 创建新App及其常用命令的实现方法
2019/08/04 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
Selenium之模拟登录铁路12306的示例代码
2020/07/31 Python
python调用摄像头的示例代码
2020/09/28 Python
Python中生成ndarray实例讲解
2021/02/22 Python
python3判断IP地址的方法
2021/03/04 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
尤为Wconcept中国官网:韩国设计师品牌服饰
2019/01/10 全球购物
新闻专业本科生的自我评价分享
2013/11/20 职场文书
病人慰问信范文
2015/02/15 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
小学感恩主题班会
2015/08/12 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js