`
刘朝雪
  • 浏览: 83434 次
  • 来自: 河北
社区版块
存档分类
最新评论

js判断是页面中是否有滚动条

 
阅读更多

横向滚动条:

当可视区域小于页面的实际宽度时,判定为出现滚动条,即:

if (document.documentElement.clientWidth < document.documentElement.offsetWidth){}

 

竖向滚动条:

当可视区域小于页面的实际高度时,判定为出现滚动条,即:

if (document.documentElement.clientHeight < document.documentElement.offsetHeight) scroll = true;

 

要使用 document.documentElement ,必须在html页面头部加入声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

如果浏览器有边框,假如是4px,即:

if (document.documentElement.clientHeight < document.documentElement.offsetHeight-4){
}

 

document.documentElement.offsetHeight   

ie8下不识别。

应该用:

if (document.documentElement.clientHeight < document.body.offsetHeight ) {  
}  

 

 

 

 

分享到:
评论

相关推荐

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

    以下代码实现判断页面的滚动条的滚动方向; var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = function(){ var oScrollTop=$(window).scrollTop(); if ( oScrollTop &gt; 80) {  //write ...

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

    总结来说,本文介绍了一个利用JavaScript判断页面是否有滚动条的函数实现,它通过读取和判断页面元素的滚动位置属性来完成判断。这不仅对于理解页面布局特性有所帮助,也对于提高用户界面的友好性和交互性具有重要...

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

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

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

    最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的宽度,通过...

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

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

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

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

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

    在压缩包内的“去掉页面的滚动条.htm”文件中,很可能是通过这两种方法之一,或者结合使用,来实现去掉页面滚动条的效果。打开这个HTML文件,你可以查看源代码,学习具体是如何实现的。这将是一个很好的实践案例,...

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

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在操作页面滚动条时,JS 提供了丰富的功能。在网页开发中,我们经常需要判断用户滚动条的位置,以便实现诸如“返回顶部”这样的交互效果。以下将...

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

    当从一个需要缓存的页面跳转时,我们获取当前页面(`from`)的滚动条位置,并将其保存到`from.meta.scrollTop`中。这样,当用户返回时,这个位置信息依然存在。 最后,在列表组件内部,我们可以利用组件的生命周期...

    拖动滚动条自动加载图片页面

    标题中的“拖动滚动条自动加载图片页面”指的是网页设计中的一个常见技术,通常被称为“无限滚动”或“滚动监听加载”。这种技术允许用户在滚动页面时,内容(如图片)会随着滚动条的移动而逐步加载,而不是一次性...

    简单JS随滚动条滚动导航

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

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

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

    阻止滚动条事件冒泡

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

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

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

    html_javascript_监听滚动条demo

    滚动条监听在现代网页设计中非常常见,它可以用于创建无限滚动、视差效果或者在用户接近页面底部时加载更多内容等。要实现这一功能,我们需要借助JavaScript的事件监听器。 首先,我们需要获取到页面的滚动条位置。...

    各种滚动条的获取

    在IT行业中,滚动条是用户界面(UI)设计中不可或缺的一部分,它允许用户查看超过屏幕显示范围的内容。本文将深入探讨“各种滚动条的获取”这一主题,主要涉及如何在不同编程语言和环境下获取和操作滚动条。我们将...

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

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

    获取鼠标在页面上的位置(包括滚动条)

    在网页开发过程中,有时候我们需要获取用户鼠标在页面上的具体位置,特别是当页面存在滚动条时,这将有助于实现某些交互功能,如动态提示、点击反馈等。本文将详细介绍如何通过JavaScript来获取鼠标在页面上的位置,...

Global site tag (gtag.js) - Google Analytics