chrome下document.documentElement.scrollTop为0的解决方案

最新推荐文章于 2024-04-01 15:14:18 发布
最新推荐文章于 2024-04-01 15:14:18 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： JS DOM 文章标签： javascript

为了让某个元素垂直居中一般会取document.documentElement.scrollTop的值，但是在chrome下，这个值为空，比较好的解决方案是

var top = document.documentElement.scrollTop || document.body.scrollTop;

IE和火狐下用document.documentElement.scrollTop，chrome下则用document.body.scrollTop。

如果是在iframe里面则需要用 

var top = window.parent.document.documentElement.scrollTop || window.parent.document.body.scrollTop

qfgg3
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.compatMode的CSS1compat使用介绍
09-04
这段代码首先检查 `document.compatMode` 的值，如果为 `'CSS1Compat'`，则表示页面在标准模式下运行，否则是在Quirks Mode。然后，根据模式选择合适的元素（`document.documentElement` 或 `document.body`）来获取...
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
09-03
在Chrome中，通常需要使用`document.body.scrollTop`来获取或设置页面的滚动值，而在FireFox中，正确的做法是使用`document.documentElement.scrollTop`。 在实现某些功能，比如页面目录点击跳转时，我们需要计算...
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Python爬虫使用selenium爬取qq群的成员信息（全自动实现自动登陆）
最新发布
2301_79098886的博客
04-01 625
EC.presence_of_all_elements_located((By.CLASS_NAME, ‘list’)))groupMemberNum = eval(browser.find_element_by_id(‘groupMemberNum’).text)count = groupMemberNum // 21 + 1if count > 2:count = 1time.sleep(2)trs = browser.find_elements_by_class_name(‘mb’)if trs:fo
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
热门推荐
紫声潇潇
05-16 1万+
一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样,     window.onscroll=function () {         var oId=document.getElementByIdx_x("id");         oId.style
document.documentElement.scrollTop为零
minpad的博客
04-18 1354
var search = function () { /*1.默认固定顶部透明背景*/ var searchBox = document.querySelector('.headBox'); var banner = document.querySelector('.banner'); var height = banner.offsetHeight; co...
解决document.documentElement.scrollTop为0
欢迎来到iceseasyh的博客
08-20 2318
最近写项目的时候，发现做一个吸顶效果只有chrome可以获取到滚动的值，其他浏览器都是0 结局方案 做一个兼容性操作即可 let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset; if(top > this.$refs.filmSwiper.$el.offs...
深化浅析JavaScript中的scrollTop_.docx
10-10
在Chrome浏览器中，`document.body.scrollTop`和`document.documentElement.scrollTop`都可以用来获取滚动条位置。然而，IE6到IE10在没有DOCTYPE声明的页面中，推荐使用`document.body.scrollTop`，而在有DOCTYPE...
ff chrome和ie下全局动态定位的异同及全局高度的取法
12-09
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0 document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度 FF ...
关于scrollLeft,scrollTop的浏览器兼容性测试
09-05
它们首先尝试获取 `element.scrollLeft` 或 `element.scrollTop`，如果值为0，则尝试从 `document.documentElement` 获取。这样，无论浏览器如何实现，都可以得到正确的滚动位置。 在实际应用中，这个封装的 `...
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body.scrollTop + “px”; } 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准，DTD 当然是不能少的。具有 D
document.body.scrollTop值为0的解决方法
10-09 785
document.body.scrollTop值为0的解决方法2007年07月06日 星期五 15:34 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样,window.onscroll=function () {     var oFix=do
vue控制滚动条位置 document.body.scrollTop=0 document.documentElement.scrollTop=0 各种表达式都是0 解决方案
zdreamLife的博客
04-25 908
查阅了网上各种原因，都是什么浏览器版本之类的问题，反正我试了都不行。 document.body.scrollTop=0 document.documentElement.scrollTop=0 各种生命周期中试了没用反正取到的值都是0 也不变化！ 尝试了快要秃头的时候我想了一下，可能这个scrollTop不在body不在document层级。我说一下我的解决思路 这个展现的是已经包含的，如果获去的是这个元素的父级元素的scrollTop 可能就是0，这个结论不敢确定，可能跟封装的框架有关。未详细研究。
js中的浏览器滚动事件
weixin_41740463的博客
08-24 746
实例: 仿写京东的滚动后出现上边栏 链接: demo html结构 <body> <div class="topic"> <div class="container"> </div> </div> <box id="box"> <div class="container"> <div class="top"> <div class="left"></div>
JS控制浏览器滚动条位置
qq_38614570的博客
05-28 4021
 //获取某个元素距离浏览器顶端的距离var hh=$("#news_desc").offset().top;  //滚动条滚动的位置到顶部的位置$('html,body').animate({scrollTop:hh-130});  
iframe scrollTop始终等于0解决办法
回家换拖鞋的专栏
09-12 8144
ie 中当前页面中iframe scrollTop始终等于0解决办法: 可以尝试用以下办法获取（在iframe中写）： var scroll_top =window.parent.document.documentElement.scrollTop; 其他浏览器：可以用juery：$(window.parent.document).ScrollTop();获取。
js 页面滚动
全易
04-21 829
window.scrollTo(); 语法1: 　window.scrollTo(x,y); x 是文档中的横轴坐标。 y 是文档中的纵轴坐标。 例子： 　　window.scrollTo(0,1000); // 垂直滚动到1000的位置 语法2： window.scrollTo({options}); top 等同于 y left 等同于 x behavior 表示滚动行为,传Str...
chrome不认documentElement.scrollTop
张晨光老师的播客
03-12 682
在页面显示浮动层时，IE、Firefox下都能显示正常，但Chrome下出现了浮动层永远显示在上面，经过仔细分析，发现Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后，则显示正常。　　由于document.documentElement.scrollTop和document.body.scr...
import time import csv import pandas as pd from selenium import webdriver from selenium.webdriver import Chrome,ChromeOptions from selenium.webdriver.common.by import By # driver_path = r'C:\Program Files\Google\Chrome\Application\chrome.exe' driver = webdriver.Chrome() driver.get('https://www.jd.com/') def drop_down(): for x in range(1,9,2): time.sleep(1) j = x /9 js = 'document.documentElement.scrollTop = document.documentElement.scrollHeight * %f' % j driver.execute_script(js) driver.find_element(By.CSS_SELECTOR,'#key').send_keys('燕麦') driver.find_element(By.CSS_SELECTOR,'.button').click() f = open(f'B:\京东商品数据.csv', mode='a', encoding='gbk', newline='') csv_writer = csv.DictWriter(f, fieldnames=[ '商品标题', '商品价格', '店铺名字', '标签', '商品详情页', ]) csv_writer.writeheader() 商品信息 = [] def get_shop(): time.sleep(10) # driver.implicitly_wait(10) drop_down() lis = driver.find_elements(By.CSS_SELECTOR,'#J_goodsList ul li') for li in lis: title = li.find_element(By.CSS_SELECTOR,'.p-name em').text.replace('\n', '') price = li.find_element(By.CSS_SELECTOR,'.p-price strong i').text shop_name = li.find_element(By.CSS_SELECTOR,'.J_im_icon a').text href = li.find_element(By.CSS_SELECTOR,'.p-img a').get_attribute('href') icons = li.find_elements(By.CSS_SELECTOR,'.p-icons i') icon = ','.join([i.text for i in icons]) dit = { '商品标题':title, '商品价格':price, '店铺名字':shop_name, '标签':icon, '商品详情页':href, } csv_writer.writerow(dit) # print(title,price,href,icon,sep=' | ') for page in range(1,3): time.sleep(1) drop_down() get_shop() driver.find_element(By.CSS_SELECTOR,'.pn-next').click() driver.quit() # data = csv.reader(open('B:\京东商品数据.csv'),delimiter=',') # sortedl = sorted(data,key=lambda x:(x[0],x[1]),reverse=True) # print('最贵的商品信息') # print(sortedl) # with open('B:\京东商品数据.csv','r',encoding='gbk') as f: # f_csv = csv.reader(f) # max_price = 0 # next(f_csv) # for row in f_csv: # if row[1].isdigit() and int(row[1]) > max_price: # max_price = int(row[1]) # print(max_price) with open('B:\京东商品数据.csv', 'r') as file: reader = csv.reader(file) header =next(reader) next(reader) max_price = float('-inf') for row in reader: num = float(row[1]) if num > max_price: max_price = num item = row[0] name_0= row[2] print(item,max_price,name_0)程序中出现ValueError: could not convert string to float: '商品价格'解决方法
06-11
在这个程序中，您使用了csv模块来读取和写入CSV文件，但是当您尝试将字符串转换为浮点数时出现了ValueError。这是因为您尝试将一个非数字字符串（'商品价格'）转换为float类型。 要解决这个问题，您需要在读取文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值