`

页面需要滚动时就会出来

 
阅读更多
<style type="text/css">
/* 自定义div滚动条样式 */
.scrollDiv {
  background-color:white;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-face-color : #EDEDED;
  scrollbar-darkshadow-color : #EDEDED;
}
</style>


$(document).ready(function(){
	setDivHeight();
});
 function setDivHeight() {
    // 扣除(顶部菜单<30>、列表页面菜单<30>、表头<30>、分页<37>、底部间隔<5>)
	var clientHeight = document.documentElement.clientHeight+80;
	var div = $("#tableListDiv");
	div.attr("style", "height:"+clientHeight+"px");
  }



<div id="tableListDiv" class="scrollDiv">
       需要滚动的内容
</div>
分享到:
评论

相关推荐

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    在网页设计中,当页面内容超出了可视区域的宽度时,浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而,滚动条本身会占用一定的空间,这可能会导致页面宽度缩小,从而影响布局的整体美观性。为了不...

    页面滚动时显示动画

    页面滚动时显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。

    jQuery实现页面滚动时元素智能定位

    本文将深入探讨如何使用jQuery实现页面滚动时元素的智能定位,即所谓的“固定定位”或“粘性定位”。这个功能使得特定元素(如导航栏)在用户滚动页面时始终保持在屏幕的可见区域。 首先,理解CSS中的`position`...

    页面滚动时自动隐藏Bootstrap顶部导航菜单jQuery插

    Bootstrap Auto-Hiding Navbar是一款非常实用的在页面滚动时自动隐藏Bootstrap顶部导航菜单的jQuery插件。它通过扩展原生Bootstrap顶部固定导航菜单,使其在页面向下滚动时隐藏,向上滚动时又显示出来。

    jQuery全屏页面滚动效果页面上下滚动效果代码jq插件

    在实现全屏页面滚动效果时,jQuery提供了强大的功能和易用的API,使得开发者可以快速构建出这样的功能。 全屏页面滚动效果的核心在于监听用户的滚动事件,并对页面内容进行相应的定位和动画处理。在jQuery中,可以...

    jQuery全屏页面滚动导航切换效果

    在网页设计中,全屏页面滚动导航是一种流行的交互方式,它能提供沉浸式的用户体验,使用户在浏览网站时感到更加舒适和流畅。结合jQuery实现的导航切换效果,可以提升网站的专业性和互动性。下面我们将详细探讨这个...

    jQuery全屏页面滚动效果苹果官网页面上下滚动效果代码.zip

    在实现全屏页面滚动效果时,jQuery的主要作用在于监听用户的滚动事件,然后平滑地改变页面元素的位置,营造出流畅的滚动体验。 首先,我们需要在HTML结构中设置好全屏的各个页面段。每个页面段可以是一个独立的div...

    页面布局有滚动条

    在处理页面布局和滚动条时,开发者需要考虑不同浏览器之间的兼容性问题。各个浏览器对滚动条的支持程度和实现方式可能有所不同,因此在编写代码时,需要使用跨浏览器的解决方案,如使用Webkit前缀来支持Chrome和...

    页面滚动显示动画

    页面滚动显示动画是一种常见的网页交互效果,用于提升用户体验,使用户在浏览长页面时能更加流畅、自然地查看内容。这种动画技术广泛应用于新闻网站、电商页面、社交媒体等需要大量滚动内容的场景。在本话题中,我们...

    HTML 页面滚动时背景图片不会移动

    标题中的“HTML 页面滚动时背景图片不会移动”指的是在网页设计中实现的一个特效,即当用户滚动页面内容时,背景图片的位置保持不变,营造出一种固定背景或视差滚动的效果。这种效果通常通过CSS(层叠样式表)来实现...

    jQuery页面上下滚动触发区块动画特效

    页面滚动事件是JavaScript中的一种事件,当用户滚动浏览器窗口时触发。在jQuery中,我们可以使用`$(window).scroll()`函数来监听这个事件。当用户滚动页面时,该函数会被调用,从而执行我们预设的代码,例如启动动画...

    html5页面滚动图片动画加载特效

    当页面滚动时,可以结合这两个属性来改变图片的位置、大小或透明度,达到动态加载的效果。 此外,JavaScript库如jQuery、GreenSock(GSAP)或者专为HTML5动画设计的库如Anime.js、Velocity.js等,提供了更高级的...

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    然而,在实际使用过程中,可能会遇到一些问题,比如Select下拉选项(el-option)在页面滚动时超出元素区域,以及Cascader级联选择器滚动超出其容器。这两个问题都会影响用户体验。本文将详细探讨这两个问题的原因及...

    页面向下滚动内容滑动展示出来效果

    当你的页面向下拖动的时候,底部的列表会向上滑动展示出来,有一个动画效果 使用方法: 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (js采用绝对路径...

    页面单行自动滚动

    页面单行自动滚动是一种常见的网页动态效果,常用于展示滚动公告、新闻更新或者广告等内容。这种效果通过JavaScript和CSS结合实现,使得文本或元素在页面的特定区域内自上而下或自下而上连续滚动,给予用户一种信息...

    页面滚动到底部自动加载数据

    这种技术允许用户在浏览网页时无需点击分页按钮,只需将页面滚动到最底部,更多内容就会自动加载出来,提高了用户体验,特别是在内容丰富的网站如社交媒体、新闻聚合平台等。 ### 1. HTML5 HTML5是现代网页开发的...

    仿苹果官网页面垂直滚动效果OnePageScroll

    这种效果使得整个网站内容在单一的页面上以垂直滚动的方式呈现,每滚动到一定位置,页面内容会平滑过渡到下一个“页面”或“节”,同时提供缓冲动画,增强用户体验。 【描述】"带缓冲的仿苹果官网页面垂直滚动效果...

    title滚动页面title滚动

    标题滚动和页面标题滚动是网页设计中常见的动态效果,它们能为用户带来更生动、更具吸引力的浏览体验。本文将详细探讨这两个概念及其在实际应用中的实现方式。 首先,我们来理解什么是“title滚动”。在网页中,...

    jQuery的单页面滚动插件

    单页面滚动插件通常会与导航菜单结合,当用户滚动到某个内容区域时,相应的导航链接会被高亮。这可以通过监听滚动事件,比较当前滚动位置与各个内容区域的位置关系来实现。 ### 5. `index.html`与`index1.html` 在...

Global site tag (gtag.js) - Google Analytics