我无法让我的“转到顶部”id=arrow-up
div 在打开时消失,例如页面顶部。
在页面顶部我得到了
所以我想要arrow-up
div to visible(show("slow"))
当不在页面顶部时。
var tmp = $(window).height();
Tmp
用于获取视口高度...不确定这是否正确?
我见过其他解决方案,但它们只是有点相同......而且我无法让它们工作,而且它们也使用字体:in-viewport
。我可以用视口来实现它还是我已经偏离轨道了?
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> </script>
<script src="bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script src="/jquery/isInViewport.min.js"></script>
$(window).scroll(function() {
if($('#pageStart:in-viewport(tmp)')){
$("#arrow-up").hide("slow");
}else{
$("#arrow-up").show("slow");
}
});
“所以我希望向上箭头 div 在未打开时可见(show(“slow”))
页面顶部”
我这样做:
http://jsfiddle.net/wf_4/GubeC/ http://jsfiddle.net/wf_4/GubeC/
SCRIPT:
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.back-top').fadeIn();
} else {
$('.back-top').fadeOut();
}
});
// scroll body to 0px on click
$('.back-top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 1600);
return false;
});
});
CSS
.back-top {
width:25px;
height:25px;
background:#ff0000;
position:fixed;
bottom:68px;
right:5px;
display:none;
opacity:0.8;
}
HTML
<div class="back-top" title="Top of Page"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)