谷歌浏览器内核Cef js代码整理(二) 滚动条
尊重作者原创,未经作者允许不得转载!作者:xtfnpgy,原文地址:
https://blog.csdn.net/xtfnpgy/article/details/80311074
1.隐藏滚动条
document.documentElement.style.overflow = 'hidden';
隐藏竖向滚动条:
document.documentElement.style.overflow = 'hidden';
1.滚动方法
window.scrollTo(0,0); /*滚动到顶部*/
window.scrollBy(0,100); /*向下滚动100*/
window.scrollTo(0,document.body.scrollHeight); /*滚动到底部*/
2.滚动条是否滚动到底部?是,返回true;否,返回当前垂直滚动条位置。
function getScrollTop(){
var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
if(document.body){
bodyScrollTop = document.body.scrollTop;
}
if(document.documentElement){
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
};
function getScrollHeight(){
var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
if(document.body){
bodyScrollHeight = document.body.scrollHeight;
}
if(document.documentElement){
documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
return scrollHeight;
};
function getWindowHeight(){
var windowHeight = 0;
if(document.compatMode == "CSS1Compat"){
windowHeight = document.documentElement.clientHeight;
}else{
windowHeight = document.body.clientHeight;
}
return windowHeight;
};
function IsScrollToBottom(){
if(getScrollTop() + getWindowHeight() == getScrollHeight()){
alert("true");
} else {
alert(getScrollTop() + getWindowHeight());
}
}
IsScrollToBottom();
3./*----------1秒向下滚动一次,直至到底部---------*/
var timer = setInterval(function(){
window.scrollBy(0,100);
if(getScrollTop() + getWindowHeight() == getScrollHeight()){
clearInterval(timer);
}
},1000);
尊重作者原创,未经作者允许不得转载!作者:xtfnpgy,原文地址:
https://blog.csdn.net/xtfnpgy/article/details/80311074
谷歌浏览器内核Cef js代码整理(二) 滚动条相关推荐
- 谷歌浏览器内核Cef js代码整理(一)
尊重作者原创,未经作者允许不得转载!作者:xtfnpgy,原文地址: https://blog.csdn.net/xtfnpgy/article/details/80308948 一.js基础知识 & ...
- 常用js代码整理、收集
个人整理了一下个人常用到的一些js代码,以方便学习以及日后使用,或许有一些是个人之前从网上摘下来的,但是不记得是具体从哪里来的了,如果你看到有一段代码跟你的文章很相似甚至一样,请不要气愤,请告诉我,我 ...
- libsvm回归参数寻优cgp_【lightgbm/xgboost/nn代码整理二】xgboost做二分类,多分类以及回归任务...
1.简介 该部分是代码整理的第二部分,为了方便一些初学者调试代码,作者已将该部分代码打包成一个工程文件,包含简单的数据处理.xgboost配置.五折交叉训练和模型特征重要性打印四个部分.数据处理部分参 ...
- 在谷歌浏览器中调试js代码
用谷歌浏览器打开待调试界面,然后鼠标右键,选择检查 浏览器会出现以下界面,选择sources,并选择左侧文件夹中该页面的文件(此时开发页面会分为三栏,最左侧是页面文件,中间是源代码,最右侧是调试窗口栏 ...
- 桌面应用使用谷歌浏览器内核CEF
CEF全称Chromium Embedded Framework,是一个基于Google Chromium 的开源项目. C# 有 CefSharp, 支持WPF 和 winform Python 有 ...
- 用原生js代码实现虚拟滚动条
效果图 直接上代码 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
- 谷歌浏览器弹出窗口html代码,谷歌浏览器显示通知消息JS代码
谷歌浏览器显示通知消息JS代码 点击显示通知会弹出通知对话框,如下图效果: h5通知消息对话框代码如下: 开心洋葱谷歌浏览器通知消息JS代码 * {margin: 0; padding: 0;} bo ...
- JS代码大全 (都是网上看到 自己整理的)
原文 JS代码大全 (都是网上看到 自己整理的) 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElemen ...
- 整理前端工作中的可复用代码(二):拓展spark-md5,支持计算网络文件md5
这里是<整理前端开发中的可复用代码>中的第二篇,最初此系列文章的标题不是这个,但觉得标题要准确.明白一些,便做了修改.这里的经验都来自作者的工作实践,入了前端坑的摸爬滚打. 背景 在工作中 ...
最新文章
- 新一代图像AI ISP技术
- Qt界面的个性设置-QSS
- ABAP CHECKBOX 和LISTBOX使用指南
- python下采样_python + opencv 如何在上采样下采样之后导出图片?
- Asterisk 学习进阶 2
- Python pip参数(精)
- raspberry pi_如何在Raspberry Pi上使用LÖVE游戏引擎对游戏进行编程
- sql与nosql_SQL Server JSON函数:NoSQL与关系世界之间的桥梁
- stm32中断优先级_STM的中断系统
- [C++]动态规划系列之币值最大化
- 32款图片处理软件介绍
- 如何使用 Echarts 给绘制出来的地图描边
- 微信公众号爬虫开发-常见问题汇总
- php实现邀请好友,新版php获取MSN好友列表,邀请MSN好友
- 计算机班级学生分析,【本班学生学业成绩状况】_本班学生情况分析报告
- java反射-动态代理
- 端午节用Python教你画绿豆糕
- Python生成图片到visio的矢量图
- 图卷积网络原理(二)【图信号与图的拉普拉斯矩阵】
- 2023年,重新扬帆起航!