当滚动到达页面的BOTTOM时,我想提醒一些事情,如下所示:
$(function(){
$(document).scroll(function() {
if($(document).scrollTop() == 0) alert("top");
})
})
Run Code Online (Sandbox Code Playgroud)
但是没有jQuery,当到达底部时会发出警报.
我有一个HTML页面,当滚动条到达页面底部时,我需要从包含iframe的右下方的div中滑动.
使用JQuery我已经为包含iframe的div实现了滑动效果.目前,通过单击按钮(按钮单击事件)完成滑动.我怎么能改变这个,所以当滚动条到达底部时,包含iframe的div会自动滑入.
我的HTML页面代码是
<style>
.slide {
background-color: #FFFFCC;
border: 1px solid #999999;
height: 900px;
margin: 1em 0;
overflow: hidden;
position: relative;
width: 100%;
}
.slide .inner {
background: #44CC55;
bottom: 0;
/*height: 650px;*/
height: auto;
left: 0;
padding: 6px;
position: absolute;
width: 650px;
border: 1px solid red;
}
</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
$('#slidemarginleft button').click(function(){
var $marginLefty = $(this).next();
$marginLefty.animate({
marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 1300 ? 655 : 1300
});
});
});
</script>
<div id="slidemarginleft" …Run Code Online (Sandbox Code Playgroud)