文档章节

js控制滚动条

开源中国小卖部部长
 开源中国小卖部部长
发布于 2016/09/05 13:21
字数 88
阅读 3
收藏 0

到页面顶部

onclick="document.getElementById('11').scrollIntoView();"

11为嵌入头部页面的有个标签

到底部

<script type="text/javascript">
  if(navigator.appName.indexOf("Microsoft") != -1){
    $('#amao').attr("onclick","javascript:document.documentElement.scrollTop=document.documentElement.scrollHeight;");
  }else if(navigator.userAgent.indexOf("Firefox")>0){
     $('#amao').attr("onclick","javascript:document.documentElement.scrollTop=document.documentElement.clientHeight;");
  }else{
    $('#amao').attr("onclick","javascript:document.body.scrollTop=document.body.scrollHeight;");
  }
</script>

第一个判断是否为ie

第二位火狐

其他默认为谷歌浏览器

© 著作权归作者所有

上一篇: ajax
开源中国小卖部部长

开源中国小卖部部长

粉丝 1
博文 29
码字总数 11419
作品 0
无锡
程序员
私信 提问
在selenium中,如何让滚动条滚动到指定页面元素的高度 链接整理

selenium技巧 - 通过js来控制滚动条,通过xpath定位最上层的div层 http://blog.csdn.net/iceryan/article/details/8162703 http://zhidao.baidu.com/link?url=qmTzvAslFPlbigAGD42igMs-8NYG......

智能小松鼠
2015/01/22
1K
0
HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好。一些重量级的JS组件库也都有这...

李玉珏
2015/04/23
13K
0
JS控制滚动条的位置 JS控制TextArea滚动条自动滚动到最下部

S控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶 window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滚动条自动滚动到最下部 ...

underA
2013/03/05
5K
0
bootstrap 表格插件bootstrap-table的js设置高度及高度自适应

用js控制bootstrapTable的高度有几种方法 1、 2、 两者的区别是table元素中第二种方法是含有data-toggle="table" 及data-height="350",js调用时不要写 $(document).ready(回调函数) 3、 如果......

tianyawhl
2017/03/15
4.1K
0
进度条的2种实现方式1.js 2.纯css

Scroll Indicator称之为滚动指示器,是Web中常见的一种效果。用户滚动垂直滚动内容时,页面顶部有一个类似进度条的效果,当内容滚动到页面最低端,进度条效果填满整个进度条。感觉描述得有点...

筱飞
01/11
17
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
今天
5
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
今天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
今天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
今天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部