标签: document-body
scrollTop()在Firefox中返回0,但在Chrome中不返回
不确定是否还有另外一个问题,如果是这样我道歉并且请不要释放猎犬.
使用html5 doctype并在我的滚动监听器上执行快速console.log,告诉我scrollTop()值的值.我基本上这样做,所以当我滚动一个点时,我改变了一个元素的不透明度.我这样做是使用MVS解决方案而我无法将其推送到外部网站以便您可以查看.这是一个快速片段:
var opacity = 1;
var scrollTop = $('body').scrollTop();
if (scrollTop > 200) {
opacity = 0.1;
}
$('#element).css('opacity', opacity);
如果我在Chrome中滚动,我会得到一个console.log(scrollTop); 显示我想要的东西(即每次滚动100次),我的不透明度在我达到200个scrollTop后消失.如果我在FF和IE7 +中滚动,var每次滚动返回"0".如果我将$('body').scrollTop()更改为$('document').scrollTop(); 然后我在滚动上得到一个"null"返回.
有任何想法吗？谢谢!
推荐指数
解决办法
查看次数
你什么时候把Javascript放在体内,当你在头上和使用doc.load时？
我一直在想,主要是因为在创建页面时我总是遇到麻烦,基于以下内容:
你什么时候写你的javascript
- 在里面
<head> - 在里面
<body> - 用一个
$(document).ready()
我可能是愚蠢的,但是由于错误的地方或是或否doc.ready()命令,我有几次没有执行我的JavaScript(/ jQuery).所以我真的很想知道.
jQuery和'var'命令也是如此
推荐指数
解决办法
查看次数
在ajax HTML响应中查找body标签
我正在进行ajax调用以获取内容并附加此内容,如下所示:
$(function(){
var site = $('input').val();
$.get('file.php', { site:site }, function(data){
mas = $(data).find('a');
mas.map(function(elem, index) {
divs = $(this).html();
$('#result').append('' + divs + '');
})
}, 'html');
});
问题是,当我改变时a,body我什么也得不到(没有错误,只是没有HTML).我假设身体是一个像'a'的标签？我究竟做错了什么？
这对我有用:
mas = $(data).find('a');
但这不是:
mas = $(data).find('body');
推荐指数
解决办法
查看次数
浏览器用户代理样式表边距8px
我只是想知道一个网站周围的白色空间.我发现它存在,因为用户代理样式表(谷歌浏览器)并且默认情况下为body标签设置了8px的边距.
如何解决这个问题不是问题,但我对此边际的原因感兴趣.我搜索了它,但我只找到设置保证金为零的解决方案,但我想知道为什么这个保证金存在.
希望您能告诉我有关这些用户代理样式表的更多信息.
问候菲利普
推荐指数
解决办法
查看次数
在身体上滚动监听器
我想问一下滚动监听器.我想在主体上添加滚动侦听器,但它似乎不起作用.
$('body').scroll(function(){
console.log('SCROLL BODY');
});
我在小提琴上创建基本的例子,有人可以解释我为什么不工作？对不起,nubies问题......
推荐指数
解决办法
查看次数
随机的身体背景图像
我在网上尝试了几个教程,似乎都没有正常工作.我想要做的很简单,我想:
我有9个不同的.jpg图像,我需要随机显示在页面加载 - 作为背景.这应该相当简单吧？
谢谢,
编辑(对不起,忘了附上代码 - 在网上找到):
$(document).ready(function(){
bgImageTotal=9;
randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
imgPath=('../img/bg/'+randomNumber+'.jpg');
$('body').css('background-image', ('url("'+imgPath+'")'));
});
推荐指数
解决办法
查看次数
样式css标签会在体内呈现吗？
我正在使用CMS,显然它有一个错误,不允许我添加任何内容到<head>博客文章.它将所有内容都插入到主体中,在大多数情况下它可以正常工作,但是在这样的代码实例中:
<style type="text/css">
.slideshow img { display: none }
.slideshow img.first { display: block }
</style>
如果将这种类型的代码放在<body>所有主流浏览器的标签中,它们会运行吗？(IE8 +,Firefox,Chrome和Safari.)通常情况下,它总是在<head>页面中.
注意:这似乎适用于FF 15,但我不确定其他浏览器.
推荐指数
解决办法
查看次数
<html>和<body>标签100%高度失败
我有一个应用程序,要求我使用CSS将<html>和<body>标签的高度设置为100%,像这样(JSFiddle版本):
html, body {
display: block;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
body {
background-color: #141414;
overflow-x: hidden;
overflow-y: auto;
}
我已经包含了这些标签样式的所有CSS.但是,我总是有一个滚动条,允许我向下滚动约20px,无论页面的内容有多大或多小.这个问题在任何规模的碎片上都会持续存在.
我可以在这些截图中看到原因.请注意,正文的ID为#container,但这仅用于JS定位,而不是CSS样式:
同一页面的3D透视图,显示<body>标签从<html>标签顶部向下滑动:
由于我没有任何这些标签上的边距或填充,并且由于页面顶部附近没有任何HTML元素有任何边距或填充<body>向下推动标签,我真的卡住了.
如何修复CSS以使<body>标记与页面顶部齐平？
感谢您的时间.
推荐指数
解决办法
查看次数
JS - 使用当前窗口大小设置窗口高度
我有一些需要身体设置高度的CSS,但这需要根据用户来完成.
我已经制作了一些有用的代码 - 它计算窗口高度,但它并没有改变身高.我究竟做错了什么？
function setWindowHeight(){
var windowHeight = window.innerHeight;
document.getElementsByTagName('body').style.height = windowHeight + "px";
}
推荐指数
解决办法
查看次数
为什么浏览器会在所有网页中设置预定义的边距？
为什么所有*浏览器都在<body>所有网页的元素上设置任意大小的边距？我并不感到惊讶,因为我多年来一直在制作网页,但我只是认为它是规范的一部分,就像文本内部<strong>应该是大胆的一样.但是,如HTML5,HTML 4.01,HTML 4.0,HTML 3.2甚至HTML 2.0和RFC定义中所示,默认样式从未被提及过!
我找不到HTML之前的任何HTML定义,这是1995年全世界发布的,所以为什么所有*浏览器都会8px在所有网页上插入非常具体的页边距,特别是在这几天,每个网站都在前几行中删除它CSS(甚至HTML 4.01规范的样式表执行此操作)还是规范化/重置样式表？当然,有人可能会争辩说,像上面列出的HTML 3.2规范这样的古代网站依赖于此,但如果没有边距,它们看起来并不坏(尝试使用浏览器检查器将其删除).
*通过"所有的浏览器",我的意思是所有的浏览器,Firefox,IE,Opera和Safari浏览器的版本,包括所有相关的过时版本,测试版,阿尔法和Nightlies版,因为这个问题的.
推荐指数
解决办法
查看次数
标签 统计
document-body ×10
css ×5
html ×5
javascript ×5
jquery ×5
margin ×2
ajax ×1
background ×1
head ×1
height ×1
html-head ×1
listener ×1
location ×1
padding ×1
random ×1
scroll ×1
scrolltop ×1
stylesheet ×1