$('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut(); 这句代码是什么意思？
.scroll{width:40px;height:40px;background:#096;position:fixed;_position:absolute;curs...
.scroll{
width:40px;height:40px;background:#096;
position:fixed;
_position:absolute;
cursor:pointer;
bottom:50px;
right:20px;
*width:40px;
*height:40px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||20)-(parseInt(this.currentStyle.marginBottom,0)||20)));
}
#container{height:2500px;}
</style>
</head>
<body>
<div id="container">
<div class="scroll" id="scroll" style="display:none;">
回到顶部
</div>
</div>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
showScroll();
function showScroll(){
$(window).scroll( function() {
var scrollValue=$(window).scrollTop();
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
} );
$('#scroll').click(function(){
$("html,body").animate({scrollTop:0},200);
});
}
})
</script>
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut(); 中的 div[class=scroll] 是什么意思 ？ 展开
width:40px;height:40px;background:#096;
position:fixed;
_position:absolute;
cursor:pointer;
bottom:50px;
right:20px;
*width:40px;
*height:40px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||20)-(parseInt(this.currentStyle.marginBottom,0)||20)));
}
#container{height:2500px;}
</style>
</head>
<body>
<div id="container">
<div class="scroll" id="scroll" style="display:none;">
回到顶部
</div>
</div>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
showScroll();
function showScroll(){
$(window).scroll( function() {
var scrollValue=$(window).scrollTop();
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
} );
$('#scroll').click(function(){
$("html,body").animate({scrollTop:0},200);
});
}
})
</script>
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut(); 中的 div[class=scroll] 是什么意思 ？ 展开
2个回答
展开全部
首先说一下问号冒号，这是一个三目运算符，举个例子：
5 > 3 ? alert("5大于3") : alert("5小3") ;
意思是如果5大于3，那么执行?号后面的，否则执行:号后面的，所以结果是alert("5大于3")
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
现在解释上面这一整句代码吧：
如果scrollValue大于100，那么执行?号后面的$('div[class=scroll]').fadeIn()，否则执行:号后面的$('div[class=scroll]').fadeOut()
至于fadeIn和fadeOut是什么效果你应该知道吧？
而div[class=scroll]，就表示获取到class="scroll"的div
5 > 3 ? alert("5大于3") : alert("5小3") ;
意思是如果5大于3，那么执行?号后面的，否则执行:号后面的，所以结果是alert("5大于3")
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
现在解释上面这一整句代码吧：
如果scrollValue大于100，那么执行?号后面的$('div[class=scroll]').fadeIn()，否则执行:号后面的$('div[class=scroll]').fadeOut()
至于fadeIn和fadeOut是什么效果你应该知道吧？
而div[class=scroll]，就表示获取到class="scroll"的div
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是一个JQuary的选择器， div[class=scroll]
是选择所有div 中 class的值为 scroll.
是选择所有div 中 class的值为 scroll.
追问
噢噢，谢谢，那个兼容IE6的 固定定位是什么意思，可以帮我分析一下吗？
追答
IE6、IE7（quirk模式）、IE8（quirk模式） 浏览器将 'position' 特性的 fixed 值当作错误值处理。从而导致使用固定定位的元素使用 'position' 的默认值 static。即这个元素在 此时 变成了普通流中的元素，这必然会导致布局错位等问题。
_position:absolute;
这个语句解决了兼容性问题…
后面的
_top是重新定位了这个div的位置…至于具体定位的实现…自己看dom树就知道了（我没跑代码，但是大概是读取浏览器的位置再定位。）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
