相关疑难解决方法(0)

检测Scroll何时到达页面的底部[没有jQuery]

当滚动到达页面的BOTTOM时,我想提醒一些事情,如下所示:

$(function(){
  $(document).scroll(function() {
    if($(document).scrollTop() == 0) alert("top");
  })
})
Run Code Online (Sandbox Code Playgroud)

但是没有jQuery,当到达底部时会发出警报.

javascript scroll

15
推荐指数
2
解决办法
4万
查看次数

你怎么知道滚动条已到达页面底部

我有一个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)

html jquery

13
推荐指数
1
解决办法
3万
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1

scroll ×1