检测浏览器滚动条是否到达底部

$(window).on("scroll",function(){
    var sctop=$(window).scrollTop();

  if ($(window).scrollTop() >= $(document).height() -$(window).height()){
	alert("到底了")
  } 

})

  

原文地址:https://www.cnblogs.com/qq735675958/p/8341337.html

时间: 2024-10-13 21:36:18

检测浏览器滚动条是否到达底部的相关文章

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

js判断滚动条是否到达底部

$(document).ready(function() { var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度) var nScrollTop = 0; //滚动到的当前位置 var nDivHight = $(".datagrid-body").height();//div高度 $(".datagrid-body").scroll(function() { nScrollHight = $(this)[0].scrollHeigh

javascript之检测浏览器滚动条宽度

在编写javascript代码时,有时需要用到滚动条的宽度,然而不同浏览器下滚动条的宽度可能不同. 在jquery ui源代码中发现这样的一段代码: var scrollbarWidth=function () { if (cachedScrollbarWidth !== undefined) { return cachedScrollbarWidth; } var w1, w2, div = $("<div style='display:block;position:absolute;w

html判断滚动条是否到达底部

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

jQuery检测滚动条(scroll)是否到达底部

一.jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数: $(document).height()    获取整个页面的高度 $(window).height()    获取当前也就是浏览器所能看到的页面的那部分的高度.这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 scrollTop()    获取匹配元素相对滚动条顶部的偏移. scrollLeft()    获取匹配元素相对滚动条左侧的偏移. scroll([[data],fn])  

JQuery判断滚动条是否到达顶部及是否到达底部

$(document).ready(function() { $(window).scroll(function() { if ($(document).scrollTop()<=0){ alert("滚动条已经到达顶部"); } if ($(document).scrollTop() >= $(document).height() - $(window).height()) { alert("滚动条已经到达底部!"); } }); });

Jquery判断滚动条是否到达窗口顶部和底部

<script type="text/javascript"> $(document).ready(function(){     alert($(window).height()); //浏览器时下窗口可视区域高度     alert($(document).height()); //浏览器时下窗口文档的高度     alert($(document.body).height());//浏览器时下窗口文档body的高度     alert($(document.body)

jQuery判断滚动条是上滚还是下滚,且是否到达底部或顶部

jQuery判断滚动条是上滚还是下滚,且是否到达底部或顶部:http://www.haorooms.com/post/jquery_scroll_upanddown —————————————————————————————————————— //滚动条滚动加载更多内容   //判断滚动方向   function scroll(fn) {        var beforeScrollTop = document.body.scrollTop || document.documentElemen

jquery判断滚动条是否到达顶部或者底部

<script> $(function(){ $(window).scroll(function(){ //离顶部的距离=0 //方法一:var isTop=$(this).scrollTop(); //方法二:var isTop=$(document).scrollTop(); //var isTop=$("body").scrollTop();//ie错误 //var isTop=$(document.body).scrollTop();//ie错误 //可视窗口大小+