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中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
简单使用webpack打包文件的实现
Oct 29 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获取错误信息的方法
2015/07/17 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
jQuery 常见学习网站与参考书
2009/11/09 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
2013/07/04 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
2015/09/08 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
微信小程序前端promise封装代码实例
2019/08/24 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
python重要函数eval多种用法解析
2020/01/14 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
类和结构的区别
2012/08/15 面试题
美术国培研修感言
2014/02/12 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
医院员工辞职信范文
2015/05/12 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
解析python中的jsonpath 提取器
2022/01/18 Python