首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

scrollTop = scrollHeight在Chrome中不起作用

是因为在Chrome浏览器中,scrollTop属性只能获取或设置可滚动元素的滚动距离,而scrollHeight属性只能获取可滚动元素的内容高度。

具体来说,scrollTop属性用于获取或设置一个元素的垂直滚动条的位置。它表示的是元素内容顶部隐藏部分的高度。而scrollHeight属性用于获取一个元素的内容高度,包括由于溢出而隐藏的部分。

在Chrome浏览器中,当设置scrollTop = scrollHeight时,实际上并不会发生滚动。这是因为scrollTop属性的取值范围是从0到元素的scrollHeight减去元素的clientHeight。当scrollTop的值超过这个范围时,浏览器会自动将其调整到合法的范围内。

如果想要在Chrome中实现滚动到底部的效果,可以使用以下代码:

代码语言:javascript
复制
var element = document.getElementById("elementId");
element.scrollTop = element.scrollHeight;

其中,"elementId"是要滚动的元素的ID。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):提供弹性计算服务,满足各种业务需求。产品介绍链接
  • 腾讯云云数据库 MySQL 版:提供高性能、可扩展的关系型数据库服务。产品介绍链接
  • 腾讯云对象存储(COS):提供安全、稳定、低成本的云端存储服务。产品介绍链接
  • 腾讯云人工智能(AI):提供丰富的人工智能服务,包括图像识别、语音识别、自然语言处理等。产品介绍链接
  • 腾讯云物联网(IoT):提供全面的物联网解决方案,帮助连接和管理物联网设备。产品介绍链接
  • 腾讯云移动开发(Mobile):提供移动应用开发和运营的一站式解决方案。产品介绍链接
  • 腾讯云区块链(Blockchain):提供安全、高效的区块链服务,支持多种场景应用。产品介绍链接

以上是腾讯云的一些相关产品,可以根据具体需求选择适合的产品来支持云计算和开发工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

html 滚动条 scrolltop scrollheight,浅谈JavaScriptscrollTopscrollHeight、offsetTop、offsetHeight…

浅谈JavaScriptscrollTopscrollHeight、offsetTop、offsetHeight 发布时间:2020-07-17 09:27:20 来源:亿速云 阅读:223 作者:...小猪 小编这次要给大家分享的是浅谈JavaScriptscrollTopscrollHeight、offsetTop、offsetHeight,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获...所以这里scrollHeight为220,计算:200+10+10=220 scrollTop,可写 是这些元素唯一一个可写可读的。...所以当滚动条最顶端的时候,scrollTop=0,当滚动条最低端的时候,scrollTop=115 这个115怎么来的(滚动条高度是15,我量的),见下图。(实为我主观臆测,不保证准确性。。。...判定元素是否滚动到底: element.scrollHeight – element.scrollTop === element.clientHeight 返回顶部 element.scrollTop

2.1K20

JS scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

总述 JS scrollWidth、scrollHeight、scrollLeft 、scrollTop 属性在做一些复杂的交互效果是非常常用的,因此本博文中详细的介绍并给出实例。...以上的4个属性是成对出现的,因此下面介绍也成对的介绍,实例为了减少代码量,我直接用的id,实际开发不推荐。...2.2 实例 页面,溢出说得更加通俗一些就是有没有滚动条出现,出现了,说明子元素有一部分被父元素遮挡了,就溢出了,下面给出两个实例,一个没有溢出(没有滚动条),一个溢出了,分别观察他们的scrollWidth...和scrollHeight。...element.scrollTop :返回元素上边缘与视图之间的距离。 我们页面中经常会用到如图所示的带滚动条的框,我们的QQ消息,微信消息也是这样的呀!

2.4K40

纯滚动怎么理解_scrollview不滚动

本文介绍元素尺寸内容最多的一部分——滚动scroll 滚动宽高 scrollHeight   scrollHeight表示元素的总高度,包括由于溢出而无法展示在网页的不可见部分 scrollWidth...属性存在兼容性问题,chrome和safari浏览器scrollHeight包含padding-bottom;而IE和firefox不包含padding-bottom <div id="test"...,clientHeight返回可视区域大小,而scrollHeight返回元素内容大小 //firefox: 755 755 //chrome: 947 8(body元素的margin) //safari...如果当前元素视口中可见,这个方法什么也不做   如果将可选的alignCenter参数设置为true,则表示尽量将元素显示视口中部(垂直方向)   [注意]该方法只有chrome和safari支持...对象上发生的,它表示的是页面相应元素的变化。

1.9K20

详解各种获取元素宽高及位置的属性

设置scrollTop的值小于0,scrollTop 被设为0 如果设置了超出这个容器可滚动的值, scrollTop 会被设为最大值 var scrollTop = element.scrollTop...此时,当你从右到左拖动滚动条时,scrollLeft会从0变为负数(这个特性chrome浏览器不存在)。...scrollWidth Element.scrollWidth 是一个只读属性,以px为单位返回元素的内容区域宽度或元素的本身的宽度更大的那个值。...var scrollWidth = element.scrollWidth; scrollHeight Element.scrollHeight 是一个只读属性,它是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容...scrollHeight也包括 ::before 和 ::after这样的伪元素。 var scrollHeight = element.scrollHeight; ?

3.7K80

python自动化17-JS处理滚动条

简单地说, JavaScript是一种运行在浏览器的解释型的编程语言。 那么问题来了,为什么我们要学JavaScript?...四、Chrome浏览器 1.以上方法Firefox上是可以的,但是用Chrome浏览器,发现不管用。 谷歌浏览器就是这么任性,不听话,于是用以下方法解决谷歌浏览器滚动条的问题。...2.Chrome浏览器解决办法: js = "var q=document.body.scrollTop=0" driver.execute_script(js) 五、元素聚焦 1.虽然用上面的方法可以解决拖动滚动条的位置问题...,但是有时候无法确定我需要操作的元素 什么位置,有可能每次打开的页面不一样,元素所在的位置也不一样,怎么办呢?...(): #    if driver.name == "chrome": #         js = "var q=document.body.scrollTop=10000" #

5.9K20

Chrome DevTools 调试 JavaScript

函数断点 由浅入深说一说怎么样 Chrome DevTools 调试 JavaScript。 一、案发现场 为了方便理解,我写了一个小demo。...点击打开demo; num1输入6; num2输入9; 点击 num1+num2,按钮下方的标签显示 69,结果应为 15,这就是我们需要断点调试找出的 BUG 。 ?...网址包含字符串模式时 事件侦听器 触发 click 等事件后运行的代码 异常 引发已捕获或未捕获异常的代码行 函数 任何时候调用特定函数时 1....debugger 代码调用 debugger 可在该行暂停。 此操作相当于使用代码行断点,只是此断点是代码设置,而不是 DevTools 界面设置。...debug() 相当于第一行函数设置代码行断点。

4.8K20

python学习之滚动页面函数execute_script

python学习之滚动页面函数execute_script 滚动到底部:window.scrollTo(0,document.body.scrollHeight) 滚动到顶部:window.scrollTo...(0,0) 说明: window:js的window对象 scrollTo():window的方法,可以滚到页面的任何位置 scrollHeight:是dom元素的通用属性,document.body.scrollHeight...会返回body元素的高度,基本上就是页面的高度 scrollLeft:获取位于对象左边界和窗口目前可见内容的最左端之间的距离 scrollTop:获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth...);’) 案例: from selenium import webdriver import time driver = webdriver.Chrome() driver.get(‘http:/...)’ driver.execute_script(js) time.sleep(2) #滚动到顶部 js = ‘window.scrollTo(0,document.body.scrollTop

3K20

Chrome与Flash说再见

三年前,80%的桌面 Chrome 用户每天都会访问一个使用 Flash 的网站。今天使用率仅为 17%并且继续下降。...它们也更安全,因此您可以购物,银行业务或阅读敏感文档时更安全。它们还适用于移动设备和桌面设备,因此您可以随时随地访问自己喜爱的网站。...这些开放式网络技术成为 Chrome 去年年底的默认体验,当时网站开始需要您的许可才能运行 Flash。...Chrome 将在未来几年内继续淘汰 Flash,首先要求您在更多情况下允许运行 Flash,并最终默认情况下禁用 Flash。到 2020 年底,我们将完全从 Chrome 移除 Flash。...如果站点迁移到打开 Web 标准,除了您将不再看到该站点上运行 Flash 的提示之外,您不应该注意到太多差异。

95500

用Javascript获取页面元素的位置

很显然,如果网页的内容能够浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。...但是,IE6的quirks模式,document.body.clientWidth返回正确的值,因此函数中加入了对文档模式的判断。...iframe,offsetParent对象未必等于父容器,所以上面的函数对于表格和iframe的元素不适用。...(图三 scrollTop和scrollLeft属性) 对上一节的两个函数进行相应的改写:   function getElementViewLeft(element){     var actualLeft...; 目前,IE、Firefox 3.0+、Opera 9.5+都支持该方法,而Firefox 2.x、Safari、Chrome、Konqueror不支持。

3.2K70

Edge安装Chrome扩展程序

商店安装扩展程序 打开https://zhaoolee.gitbooks.io/chrome/content/ 寻找自己喜欢的扩展程序, 文章底部获取地址并安装, markdown here具体使用方法和安装链接...: https://zhaoolee.gitbooks.io/chrome/content/001-markdownyi-jian-zhuan-huan-523022-fu-wen-ben-ge-5f0f22....html 小结 Edge可以安装绝大多数Chrome商店的扩展, 但Chrome的谷歌开发App程序, 类似Secure Shell App, 目前是无法安装的, 新版Edge使用了...Chrome的Chromium内核, 可以兼容安装Chrome生态的各种应用程序,为Edge未来的发展带来了无限可能~ 谷粒-Chrome插件英雄榜 本文属于谷粒-Chrome...插件英雄榜文集的一部分, 为了集合更多的程序员和工具爱好者, 将谷粒-Chrome插件英雄榜维护下去, 我已将谷粒-Chrome插件英雄榜 文集的所有内容托管到Github, 项目地址https://github.com

3K40
领券