本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条。 效果预览网址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htm scrollTop的介绍: 语法 $(selector).scrollTop(offset) 参数 offset 描述 可选。规定相对滚动条顶部的偏移,以像素计。 定义和用法 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。 scroll top offset 指的是滚动条相对于其顶部的偏移。 如果该方法未设置...
今天在修改原群组弹窗的时候,发现弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样.逐一排查,肯定是在计算窗口位置的时候,少加了scrollTop这个值.在查看源代码的时候发现直接采用document.documentElement.scrollTop这个,但在chrome下这个值为0. 在有文档声明的情况下,也就是第一行有个dtd声明,标准浏览器认识document.documentElement.scrollTop,可chrome竟然不认识这斯.在没有文档声明的情况下,chrome,safari还是可以读取到...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js位子表示</title> <script type="text/javascript"> function testClick(oDiv){ var oDivId=document.getElementById(oDiv); alert("offsetHeight:"+...
举个例子: Css:假定进行如下简单设置; html{height:1000px;} JS: 代码如下:function(){ window.scrollBy(0,100); alert(window.pageYOffset); } Results: //点击一次后弹出:100;得出的是一个数值,read-only属性;value:Integer(整数),default:0; 附注:当滚动条到达页面最底部时,window.pageYOffset=1000-document.documentElement.clientHeight;
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft;网页正文部分上: window...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jQuery的位置函数(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())小应用</title> <style type="text/css"> #divShow{width:100px;height:50px;background-color:Green;display:no...
做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:­ window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top = document.body.scrollTop + "px"; } 可是怎么没有达到预期效果呢,输出 document.body.scrollTop 的值一看,一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准,DTD 当然是不能少的。具...
下面的演示中,外层元素的高度值是200px,内层元素的高度值是300px。很明显,“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时,有部分内容会隐没在“外层元素的上边界”之外,scrollTop就等于这部分“不可见的内容”的高度。 演示:(拖动滚动条,可以看到scrollTop值的变化) 这些文字显示在内层元素中。 scrollTop值是: 这些文字显示在内层元素中。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]解释: 内层...
在标准的浏览器下,需要注意的东西,例如双击自动滚动 var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/}
所以我有以下代码:$(document).ready(function(){if(window.location.hash) {$('body,html').animate({scrollTop: $(window.location.hash).offset().top}, 1000);} })这是我从StackOverflow获取的代码的帮助下构建的.我将页面称为url#destination,因此实际上它应该滚动到ID为页面哈希的元素.元素存在,页面向下滚动,但不滚动到确切的元素偏移量,但在页面上方偏移了一点.可能还不错,但我希望它能按预期工作.现在,我向您显示控制台结...
我有以下scrollTop函数:<a onclick="jQuery('html,body').animate({scrollTop:0},'slow');return false;" class="well well-sm" href="#"><i class="uxf-icon uxf-up-open-large"></i><span class="sr-only">${message:backToTop}</span></a>但是,当您使用键盘导航时,焦点不会移到顶部.它保留在页脚中.有没有一种方法可以将重点放在以下div上:<div id="top" tabindex="-1"></div>解决方法:视觉焦点与键盘焦点不同,可以使用focus(...
有谁知道以下脚本为什么不将页面的位置重置为顶部? (自动滚动工作正常)我正在寻找可在IE中兼容的修复程序…function getheight() {var myWidth = 0,myHeight = 0;if (typeof (window.innerWidth) == 'number') {//Non-IEmyWidth = window.innerWidth;myHeight = window.innerHeight;} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {//IE 6+ in 'stan...
它在Firefox和chrome上可以正常工作,但是Safari似乎有一些问题.这是代码.function founders() { var scrollPos = $(window).scrollTop();if (scrollPos == 900) {$(function() {$(".first_fall").fadeIn(1000);$(".second_fall").fadeIn(2000);$(".third_fall").fadeIn(3000);});}; }这就是我所说的$(document).ready(function(e) {$(window).bind('scroll', function() {founders();});});相同的功能在不同页面上的Safari和chrome...
我需要检测文档从顶部到顶部的滚动距离,并为此使用了scrollTop().不幸的是,它不适用于某些版本的Android,因此我需要其他解决方案.有没有办法可以不使用scrollTop函数而获得$(document).scrollTop吗?解决方法:这对我有用,希望对您也有用var body = document.body;var docElem = document.documentElement;var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
当我将此Doctype放入文档document.body.scrollTop返回零.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">这是为什么?解决方法:使用该Doctype时,会将当前的所有浏览器都放在所谓的Almost Standards mode中,如果没有它,您将处于Quirks模式. 正如您在this page上所读到的,[m]ost browsers provide window.pageXOffset/pageYOffset. These are completely reliable. Once ag...