$(window).scrollTop() 获取当前的鼠标位置 offset.left()指定标签在html中的坐标 offset.top() 指定标签在html中的坐标position() 指...

最新推荐文章于 2023-06-17 13:58:23 发布
最新推荐文章于 2023-06-17 13:58:23 发布
阅读量310 收藏
点赞数
原文链接：http://www.cnblogs.com/my-love-is-python/p/9310440.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height: 100px; overflow: auto; width: 100px">
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p><p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
        <p>sadda</p>
    </div>
    <div style="height: 5000px; overflow: auto"></div>
<script src="jquery-2.12.4.js"></script>
    console.log($(window).scrollTop())






</body>
</html>

 

转载于:https://www.cnblogs.com/my-love-is-python/p/9310440.html

weixin_33835690
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript scrollTop正解使用方法
01-19
javascript scrollTop 获取滚动条相对于其顶部的偏移（如制作自动显示隐藏的“返回顶部”按钮）。在实际应用中经常会遇到以下问题：document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop的差异示例： 代码如下:window.scroll(0,100)console.log(“window.pageYOf
$(window).scrollTop()和$(document).scrollTop()
qq_43654065的博客
09-23 909
首先，你要知道window对象和document对象的区别，window对象属于最高级别级别对象，没有比window还高的对象了。而document对象属于window对象，即有window.document。 $(window).scrollTop() 获取的是window对象的滚动距离。 $(document).scrollTop() 获取的是document对象的滚动距离。 区别： 这两种方法几乎没有什么区别，都是返回滚动距离。要说区别的话，$(window).scrollTop()能被更
$(window).scrollTop()和$(document).scrollTop()区别
热门推荐
风小起的博客
11-21 1万+
$(window).scrollTop()和$(document).scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window).scrollTop()被所有浏览器支持。单独来说： $(document)是获取文档对象 $(window)是获取窗口对象
$(window).scroll和$(window).scrollTop()为0的问题
weixin_33872660的博客
01-08 1585
问题1：$(window).scroll无效问题 　　如果你的css中：html,body的高度样式如果设置为100%， 　　那么$(window).scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效， 解决方法： 　　设置html,body{height:auto}可以解决。 问题2：$(window).scrollTop()获取值一直为0 　　最近用到scroll...
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
document.documentElement && document.documentElement.scrollTop
10-30
document.documentElement && document.documentElement.scrollTop
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body....
关于window.pageYOffset和document.documentElement.scrollTop
09-05
window.pageYOffset：Netscape属性，指的是滚动条顶部到网页顶部的距离
$(document).scrollTop()与$(window).scrollTop()
weixin_33966365的博客
04-24 440
$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了 要获取底端 只要获取$(document).scrollTop()>=(document).height()−(window).height() 就可以知道已经滚...
$(window).scroll() 实现 网页头部导航滚动显隐
沐枫
04-11 1494
jQuery.ajax()函数用于通过后台HTTP请求加载远程数据。 jQuery.ajax()函数是jQuery封装的AJAX技术实现，通过该函数，我们无需刷新当前页面即可获取远程服务器上的数据。 jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、jQuery.post()、load()、jQuery.getJSON()、jQuery.g
“jquery $(window).scrollTop()”为什么一直是0？
nicepuppy的专栏
05-08 4341
我想获取滚动条滚动后到顶部的距离，但是为什么“$(window).scrollTop()”获取的一直都是0，感觉好奇怪，我就是要判断滚动条滚动到固定一个div的位置的时候显示效果。该怎么做呢？解决办法：输入下列数值：&lt;script type="text/javascript"&gt;$(document).ready(function() {$(window).scroll(function...
jQuery之scrollLeft()、scrollTop()
06-17 996
【代码】jQuery之scrollLeft()、scrollTop()
javascript 中关于top、clientTop、scrollTop、offsetTop等
xsc699675的专栏
03-27 346
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth    (包括边线的宽); 网页可见区域高： document.body.offsetHeight  (包括边线的宽); 网页正文全文宽： document.body.sc
infrared-remote-candroid studiodemo
05-05
android studio下载
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
05-05
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
05-05
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
node-v8.10.0-linux-x64.tar.xz
最新发布
05-05
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
this.$refs.scrollContainer.scrollTop = 200 不起作用
06-10
如果代码 `this.$refs.scrollContainer.scrollTop = 200` 没有起作用，可能存在以下几种情况： 1. `this.$refs.scrollContainer` 所引用的元素不存在，可以使用 `console.log(this.$refs.scrollContainer)` 查看控制台是否有输出。 2. `this.$refs.scrollContainer` 所引用的元素还没有被渲染，可以在 `mounted()` 生命周期中设置 `setTimeout()` 延迟执行设置 `scrollTop` 的代码，例如： ``` mounted() { setTimeout(() => { this.$refs.scrollContainer.scrollTop = 200 }, 0) } ``` 3. `this.$refs.scrollContainer` 的样式可能会影响 `scrollTop` 的设置，可以使用浏览器的开发者工具检查该元素的样式和 `scrollTop` 的设置是否正确。 希望以上提示能够帮到您解决问题，如果还有疑问，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值