JS 滚动到页面顶部 兼容 IE6/8、FF及webkit

最新推荐文章于 2018-04-04 13:31:32 发布
最新推荐文章于 2018-04-04 13:31:32 发布
阅读量1.9k 收藏
点赞数
分类专栏： javascript 文章标签： webkit ie scroll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ranbolwb/article/details/7406006
版权

今天发现webkit核心跟IE、火狐真的是不一样的。。。下面这句页面回到顶部的语句就没有执行。。。

 

document.documentElement.scrollTop = 0;

 

换了下面这句就可以了：

scroll(0, 0);

 

参数：(左边距，上边距)

ranbolwb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript - 纯 JS 实现让浏览器滚动条回到顶部（3种解决方案）
王佳斌
09-08 4582
JavaScript - 纯 JS 实现让浏览器滚动条回到顶部（3种解决方案）js vue nuxt.js reactive怎么让滚动条回顶部javascript中制作一个滚动条回到顶部的效果js实现网页滚动条回到顶部原生JS如何实现回到顶部效果js滚动条回到顶部示例代码js 自动回到顶部_js滚动条自动回到顶部用JS代码实现“回到顶部”按钮JS——BOM操作(点击按钮返回顶部案例:scrollTop的用法)js浏览器回到顶部方法_基于JS实现回到页面顶部的五种写法(从实现到增强)
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
10-30
本文主要探讨如何使用CSS Hack来实现CSS在IE6、IE7和Firefox之间的完美兼容。 首先，我们来看两种基本的CSS Hack方法： 1. `!important` Hack `!important` 规则用于提高CSS声明的优先级。在IE7及更新版本中，它...
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
10-19
主要介绍了JavaScript实现的原生态兼容IE6可调可控滚动文字功能,简单说明了文字滚动的实现原理并结合具体实例形式给出了javascript文字滚动功能的具体实现代码,需要的朋友可以参考下
浏览器页面点击回最上方js
01-18
点击平滑回到页面的最上方 平滑过度 在一个页面显示后出现
js 回到顶部（兼容ie）
南方有岛
11-10 1160
无标题文档 body{margin:0; padding:0} #to_top{width:30px; height:40px; padding:20px; font:14px/20px arial; text-align:center; background:#06c; position:absolute; cursor:pointer; color:
js 返回页面顶部 代码
tyasd
07-24 2975
效果样式： 演示地址： http://xtianyu.sinaapp.com/weibo/usershow.php?username=%E4%BD%9C%E4%B8%9A%E6%9C%AC index.html 返回顶部 qweqweqweq qweqweqweq qweq
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
10-30
### 解决IE5/IE5.5/IE6/FF的兼容性问题——CSS 随着Web技术的发展，浏览器之间的差异一直是前端开发人员头疼的问题之一。尤其是对于早期的浏览器（如Internet Explorer 5/5.5/6 和 Firefox），由于它们对CSS的支持...
CSS 完美兼容IE6/IE7/FF的通用hack方法
12-09
一、CSS HACK ... /* IE7+FF */width: 80px; /* IE6 */}</style> 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<style>#wrapper{#wrapper {
【消息提示组件】，兼容IE6/7FF2
12-12
作者：yemoo 来源：WWW.AJAXBBS.NET 发布日期：2007-09-03 原文地址：http://www.ajaxbbs.net/blog/post/100/ 特别说明：这只是一个纯客户端使用的js组件，非服务端控件（如asp.net控件等），改组件只是为了美化消息...
兼容ie6/ie7/ie8/ff 省市县的js
08-24
标题“兼容ie6/ie7/ie8/ff 省市县的js”指的是一个JavaScript插件或库，其主要目的是解决浏览器兼容性问题，特别是针对较老版本的Internet Explorer（IE6、IE7、IE8）以及Firefox（FF）。这个选择器功能允许用户在...
关于scrollTop的兼容问题
二次猿的博客
11-17 843
1、各浏览器下 scrollTop的差异
js滚动条位置，顶部，底部，触发事件
你蠢哭我咯的博客
04-04 3654
function getScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if(document.body){ bodyScrollTop = document.body.scrollTop; } if(document.documentElement)...
js获取滚动条距离浏览器顶部,底部的高度
热门推荐
巴黎的妖
09-28 2万+
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离，然后做相应的处理动作。下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享，这个是同时兼容ie和firefox的。 首先我们需要知道的两个定义是： 滚动条距离浏览器顶部的高度 = 窗口滚动条高度； 滚动条距离浏览器底部的高度 = 文档（页面）内容实际高度 - 滚动条距离浏览器顶部的高度 - 窗
js 重置滚动条到顶部
zona
09-01 5879
滚动条在id=content的元素上 document.getElementsById('content').scrollTop = 0;
Winform调用WebKitBrowser，基于chrome内核WebKit的浏览器控件
weixin_30376509的博客
06-02 2890
在C#中，默认的WebBrowser控件默认使用的是IE的core，而IE的种种遭人吐槽的诟病使我不敢轻易使用WebBrowser，因此，打算使用Chrome的内核替换IE。Chrome的内核使用的是WebKit，显而易见，我们这里就将使用WebKit来实现Winform中内嵌一个Chrome浏览器。 准备工作： 1、下载WebKit.Nethttps://sourceforge....
js滚动条滚动到底部和顶部
chaofei_liang的博客
09-09 4398
.scrolldiv{ width: 500px; height: 400px; margin: 1000px auto 100px auto; background: #f00; } function scrollBottomOrTop(){ var clients=window.innerHeight || document.documentE
如果滚动，就将搜索框浮动到最顶部（支持浏览器兼容）
新嘉庄的博客
12-28 1263
$(window).scroll(function () { var scrollTop ; if (navigator.userAgent.indexOf('Firefox') >= 0){ scrollTop=document.documentElement.scrollTop; }else{ scrollTop = document.b
CSS Hack技巧：IE与Firefox兼容解决方案
"这篇文章主要探讨了如何处理IE（尤其是IE6和IE7）与Firefox之间的CSS兼容性问题，包括使用CSSHACK技术进行样式调整，以及浮动元素的清除方法。" 在网页设计中，尤其是在IE浏览器（特别是版本较旧的IE6和IE7）与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值