短视频app源码,自动滚动条挡住 div内容

短视频app源码,自动滚动条挡住 div内容

1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br>"http://www.w3.org/TR/html4/loose.dtd"><br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br><title>IE下横向内容超出宽度,自动滚动条也不会挡住表格内容</title><br><style type="text/css"><br>.tablebox{width:500px; overflow:hidden;  margin-left:0px; margin-top:0px; position:relative; z-index:0;}<br>.dy{border:1px solid #999999; min-width:500px;  border-bottom:none; margin-top:11px;}<br>.dy td{text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }<br> <br>.dy_top{height:32px; background:#E3E3E3; border-right:1px solid #ffffff; width:136px; text-align:center; line-height:32px; font-weight:bold;}<br>.dy_td{border-bottom:1px solid #a1a1a1; height:31px; text-align:center; line-height:31px;}<br> <br></style> <br><script type="text/javascript" src="http://localhost:9086/inc/script/jquery1.3.js"></script><br><script type="text/javascript"><br>$(document).ready(function(){<br>var addHeight = 0;<br>if($("#j_tablebox").get(0).scrollWidth > $("#j_tablebox").get(0).offsetWidth)<br>addHeight = 18;<br>$("#j_tablebox").css("height",($("#j_tablebox").get(0).scrollHeight+addHeight)+"px");<br>$("#j_tablebox").css("overflowY","hidden");<br>$("#j_tablebox").css("overflowX","auto");<br>});<br></script><br></head><br> <br><body>  <br><div class="tablebox" id="j_tablebox"><br><table border="0" class="dy" cellspacing="0" cellpadding="0"><br><!-- 表头 --><br><tr><br><td class="dy_top">L1</td><br><td class="dy_top">L2</td><br><td class="dy_top">L3</td><br><td class="dy_top">L4</td><br></tr><br><tr><br><td class="dy_td">fdsafdsafdsa</td><br><td class="dy_td">fdsafdsaffdsafdsafdsafdsafdsafdsafdsafdsafdsa</td><br><td class="dy_td">fdsafdfdsafdsafdsadsa</td><br><td class="dy_td">fdsafdsa</td> <br></tr><br></table><br></div> <br></body><br></html>

​以上就是 短视频app源码,自动滚动条挡住 div内容,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(8)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2021-09-25 直播带货app开发,制定商品秒杀倒计时提示
2021-09-25 带货直播源码,确定ViewPager滑块滑动方向
2021-09-25 短视频app搭建,利用javaWeb生成一张简易验证码图片
点击右上角即可分享
微信分享提示