`
小杨学JAVA
  • 浏览: 900215 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS判断滚动条是否到底

    博客分类:
  • js
 
阅读更多

function scroll() {
  var scrollTop = getScrollTop();
  var scrollLeft= document.documentElement.scrollLeft;

  var a = scrollTop == 0 ? document.body.clientHeight : document.documentElement.clientHeight;
  var b = scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop;
  var c = scrollTop == 0 ? document.body.scrollHeight : document.documentElement.scrollHeight;


  alert(a+"_"+b +"_"+c+"  "+scrollLeft);
 }
 function getScrollTop() {
  var s = ('pageYOffset' in window) ? window.pageYOffset
   : document.compatMode === "BackCompat"
   && document.body.scrollTop
   || document.documentElement.scrollTop ;
   return s;
 }

a+b==c

分享到:
评论

相关推荐

    JS简单判断滚动条的滚动方向实现方法

    本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考,具体如下: 以下代码实现判断页面的滚动条的滚动方向; var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = ...

    判断滚动条是否滚动到底部以及判断页面数据是否修改

    总的来说,"判断滚动条是否滚动到底部"和"判断页面数据是否修改"是前端开发中的基础任务,涉及了事件处理、DOM操作以及兼容性处理等多个方面。通过理解并熟练运用这些知识点,开发者可以创建出更加智能和响应式的...

    js实现的判断滚动条是否到底部的特效源码.zip

    js实现的判断滚动条是否到底部的特效源码是一段可以判定有没有浏览到网页最底部的效果代码,将网页拖动或利用鼠标滚轮滚动到最底部后,页面中就会提示一段“滚动条,已经到底部了!”的提示语,本段代码适应于所有...

    js判断滚动条是否已到页面最底部或顶部实例

    以下将详细介绍如何使用JS判断滚动条是否已经到达页面的底部或顶部。 首先,我们需要理解几个关键的概念: 1. `document.documentElement`: 这个对象代表HTML元素,即整个HTML文档的根元素。 2. `clientHeight` 和 ...

    通过 JS 判断页面是否有滚动条的实现方法

    在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享。 为什么要判断滚动条 判断滚动条的需求在弹窗插件中用的较多,因为弹窗大多会添加 overflow: hidden 的属性,如果页面比较长的话,添加这...

    js : 隐藏滚动条利用滚轴滚动

    在JavaScript和jQuery的世界里,有时候我们可能需要在页面设计中隐藏滚动条,以达到更加美观或者特定的视觉效果。然而,隐藏滚动条并不意味着要牺牲滚动功能,通过一些技巧,我们依然可以让用户通过滚轴来查看页面...

    简单JS随滚动条滚动导航

    【标题】"简单JS随滚动条滚动导航"所涉及的知识点主要集中在JavaScript的事件监听、DOM操作以及CSS样式实现上。这种类型的导航栏通常用于网页设计中,它能随着用户滚动页面而改变位置,始终保持在可见区域,为用户...

    JS判断页面是否出现滚动条的方法

    通过检查这两个元素的`scrollLeft`(水平滚动的位置)和`scrollTop`(垂直滚动的位置)属性,我们可以判断出滚动条是否出现。 在函数中,我们定义了两个布尔类型的变量`scrollX`和`scrollY`,分别用来标志水平和...

    各种滚动条的获取

    接着,`common_util.js`可能包含了通用的JavaScript工具函数,其中可能包含获取和操作滚动条位置的函数。在JavaScript中,可以使用`window.scrollX`和`window.scrollY`获取当前页面的水平和垂直滚动位置。对于特定...

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    判断滚动条到底部的JS代码

    判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出...

    html_javascript_监听滚动条demo

    在JavaScript中,`window`对象提供了`scrollY`属性,它表示浏览器窗口顶部到文档顶部的距离,也就是滚动条滚动的距离。另外,`document.documentElement.clientHeight`和`document.documentElement.scrollHeight`...

    JS实现判断滚动条滚到页面底部并执行事件的方法

    为了准确地判断滚动条是否已经滚到页面底部,我们需要理解几个关键的DOM属性:clientHeight、offsetHeight和scrollTop。 clientHeight是元素的内部高度,不包括边框、滚动条以及外边距,是元素可视区域的高度。...

    【JavaScript源代码】vant list组件滚动保留滚动条位置.docx

    然后,在`main.js`中,我们可以监听路由变化,利用`router.beforeEach`全局守卫来处理滚动条位置的保存。当从一个需要缓存的页面跳转时,我们获取当前页面(`from`)的滚动条位置,并将其保存到`from.meta.scrollTop...

    javascript实现滚动条

    滚动条是用户浏览超出视口内容的重要工具,而用JavaScript自定义或控制滚动条可以提供更加丰富的用户体验。 ### 1. 滚动事件 JavaScript提供了`scroll`事件,用于监听元素的滚动动作。当用户滚动页面或某个具有...

    javascript经典特效---去掉页面的滚动条.rar

    因此,在设计时要考虑清楚是否真的需要去除滚动条,或者是否有其他更好的替代方案,比如使用自定义滚动条(CSS Scrollbars)来保持美观的同时,保证用户能够浏览全部内容。 总的来说,掌握如何使用JavaScript处理...

    阻止滚动条事件冒泡

    标题中的“阻止滚动条事件冒泡”指的是在用户滚动页面某个部分时,阻止这个滚动事件向上传递到其他元素或窗口,特别是阻止`mousewheel`事件的冒泡。`mousewheel`事件通常用于处理鼠标滚轮滚动的行为,它在用户滚动...

    vue监听 vue实时监听窗⼝滚动条

    判断滚动条是否滚到底部,需要用到`scrollTop`、`clientHeight`和`scrollHeight`这三个DOM属性。当`scrollTop`加上`clientHeight`等于`scrollHeight`时,表示滚动条已经到达底部。代码如下: ```javascript let ...

Global site tag (gtag.js) - Google Analytics