页面需要滚动时就会出来

自定义div滚动条样式实现高效内容展示

原创于 2013-03-22 09:29:02 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

61 篇文章

订阅专栏

<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>