【javascript中scrollTop详解】教程文章相关的互联网学习教程文章

javascript – document.documentElement.scrollTop返回值在Chrome中有所不同【代码】

我试图基于’document.documentElement.scrollTop’值处理一些代码.它在FF和IE中返回’348′,但在Chrome中它返回’0′.我是否需要做任何事来克服这个问题? FF:>>> document.documentElement.scrollTop 342铬:document.documentElement.scrollTop 0解决方法:获取滚动的基于标准的方式是window.scrollY. Chrome,Firefox,Opera,Safari和IE Edge或更高版本支持此功能.如果您只支持这些浏览器,则应使用此属性. IE> = 9支持类似的属性...

javascript – 使“scrollLeft”/“scrollTop”更改不会触发滚动事件侦听器【代码】

目前我的程序位于一个地方,它既可以监听用户滚动某个元素,也可以自动滚动这个元素. (不是一个渐进的,漂亮的卷轴,而是瞬间跳跃.我发誓在上下文中有道理.) 如果通过设置scrollLeft或scrollTop完成滚动,有没有办法使滚动事件不触发?我的第一个想法是一个基本的开关,如:ignoreScrollEvents = true; element.scrollLeft = x; ignoreScrollEvents = false;function onScroll() {if(ignoreScrollEvents) return false; }但由于事件不会立...

javascript – scrollTop vs getBoundingClientRect().top【代码】

我以为$(window).scrollTop会告诉我滚动的程度,但…… 如果我滚动一下,我会得到:$(window).scrollTop(): 0 $('#react-root')[0].scrollTop: 0 $('#react-root')[0].getBoundingClientRect().top: -450 // that seems to be correct#react-root直接连接到body,并包含所有内容.事情应该如何发生? ====编辑=== 好吧我碰巧有一个不寻常的溢出设置:html {overflow: hidden;height: 100%; }body {height: 100%;overflow: scroll; }我这...

javascript – 如何向jquery scrolltop添加偏移量【代码】

我正在使用以下代码在bootstrap上的导航栏中的菜单链接中滚动滚动:$("#subnavbar ul li a[href^='#']").on('click', function(e) {e.preventDefault();$('html, body').animate({ scrollTop: $(this.hash).offset().top }, 600);// edit: Opera and IE requires the "html" elm. animated });此时,固定导航栏隐藏了下面的锚点.如何添加60px的偏移量来调整?解决方法:您需要从目标元素的offset().顶部减去60,以允许导航栏的空间.我...

javascript – Google Closure相当于jQuery $(‘html,body’).animate({scrollTop:800});【代码】

有问题的代码会将页面滚动到页面上的特定点.正如标题所说,我希望Google Closure等同于以下jQuery:$(‘html,body’).animate({scrollTop: 800});它说here那个html,正文允许浏览器不一致,而$(文档)是等价的. 我尝试过以下方法:var anim = new goog.fx.dom.Scroll(document, [0, 0], [0, 800], 400); anim.play();我也尝试过document.body. goog.fx.dom.Svroll上网没有演示和惨淡缺乏信息.解决方法:使goog.fx.Scroll类与文档(正文或...

javascript – 在分配滚动侦听器之前更新scrollTop会触发滚动事件【代码】

在我开始收听滚动事件之前,我正在更新元素的scrollTop.但是,滚动事件会触发,即使它是在scrollTop更新后添加的. 我注意到,如果我将.onscroll赋值包装在setTimeout(…,1)中;它运作得很好. 另请注意,在输出中,内存中的scrollTop值不会更改,但它会触发事件.starting out 0 haven’t added listener yet 100 listener added 100 scrolled 100任何人都可以解释为什么这样的工作?使用setTimeout或设置标志似乎是一种解决这个问题的方法;有...

javascript / jQuery中scroll和scrollTop之间的区别【代码】

有什么区别:window.scroll(0,200);和$(window).scrollTop(200);除了其中一个使用jQuery而另一个不使用jQuery之外,有什么区别?有人为卷轴设置动画而另一个没有吗?一个人会比另一个人工作得更快吗?解决方法:scrollTop使用window.scrollTo,似乎:http://james.padolsey.com/jquery/#v=1.10.2&fn=jQuery.fn.scrollTop 性能方面,纯粹的js解决方案显然更快,但在大多数情况下它应该不重要:http://jsperf.com/js-vs-jquery-scroll win...

javascript – scrollTop()并不总是有效【代码】

有时当我加载我的website时,我无法向下滚动.这很少发生,但我真的很想理解为什么它有时会发生.我们的想法是,当您向下滚动网站的顶部时淡出,当您向后滚动时,网站的底部会逐渐淡出.我意识到这可能是不必要的,这就是为什么我正在重新设计它.但是现在我希望我能快速解决它. 这是主页的Javascript:$('html').addClass('jsEnabled');$(function(){ $('#particles-js').hide(0).delay(1000).fadeIn(400);$('header').hide(0).delay(1000...

javascript – 如何在div中滚动时在jQuery中使用scrollTop?【代码】

左边是我正在尝试滚动的东西……它只是滚动一点然后停止.它似乎每次滚动相同的数量. 当我尝试滚动到的内容位于div中时,我正在尝试使用jQuery来处理页面加载时使用jQuery.当前的实现没有做任何事情 JavaScript的<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script>$(document).ready(function (){//$(this).animate(function(){$('html, body').animate({scrollTop: $("#test4").off...

javascript – 使用scrollTop()从浏览器窗口底部检测30%【代码】

我的代码可以像下面一样检测浏览器窗口底部,然后运行last_msg_funtion(); :$(window).scroll(function(){if ($(window).scrollTop() == $(document).height() - $(window).height()){last_msg_funtion();} }); 我的问题是用户需要向下滚动直到底部(页脚)然后是last_msg_funtion();将运行,但我想从底部调整检测可能约30% 见下图: 我的网站:Click Here 完整代码:Click Here解决方法:试试这个:$(window).scroll(function(){if ...

javascript – fadeIn上的ScrollTop bootbox模式【代码】

我使用bootbox.js来制作模态但是当模态fadeIn和内容太长时,滚动条会进入底部按钮的级别.当模态出现时,我需要滚动条保持在顶部解决方法:我已经解决了添加.off(“shown.bs.modal”);在bootbox.dialog之后.bootbox.dialog({ ... }).off("shown.bs.modal");

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部