HTML页面缩小后如何有横向滚动条

HTML页面缩小后如何有横向滚动条,第1张

要一拉到底才能看见滚动条,
设置html{overflow-y:auto;overflow-x:auto;}也无效
如果我的回答没能帮助您,请继续追问。
您也可以向我们团队发出请求,会有更专业的人来为您解答。

就是一个scroll属性,一般的定位标签都支持,比如div body frame等
以下为个人存档收藏,希望对你有帮助:
隐藏滚动条:style="overflow:hidden" 只隐藏水平方向滚动条:style="overflow-x:hidden" 只隐藏垂直方向滚动条:style="overflow-y:hidden"
<body scroll="yes">
请问div层如何使下拉框跟着发送的消息自动下拉,也就是一直处于底端
我已经这样写了
<div id="chatcontent" style="OVERFLOW-Y: auto;WIDTH: 100%;POSITION: relative;HEIGHT: 100%; display:block;background-color:#ffffcc"><FONT face="宋体"></FONT></div>
已经有overflow-y属性,但这也只是保证在超过高度时候自动出现下拉框,但不能自动下拉一直处于底端,怎么设置阿,请高手解答下
一着急说错了
chatcontentscrollTop = chatcontentscrollHeight - chatcontentoffsetHeight
在div属性里加上
onscroll=windowstatus="#"+chatcontentscrollTop+"#"+chatcontentscrollHeight+"#"+chatcontentoffsetHeight
拖一拖滚动条,看下状态栏就知道咋回事了。
///////////////////////////////////////////////////////////////////////////
下边是两个DIV同时滚动
<html>
<head>
<style>
DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
body {margin:0}
</style>
</head>
<body>
<div onscroll="ToScrollscrollTop = thisscrollTop;">
1 re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?
评论内容较长,点击标题查看
--quitgame
2 re: 请教高手,如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3 re: 请教高手,如何取得Target属性
评论内容较长,点击标题查看
--trueben
4 re: 请教高手,如何取得Target属性
RequestQueryString["target"];
--wudebin
5 re: [急]请教:如何防止同时访问相同页面?
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1 在aspnet中如何防止二重启动,相当于VB中函数AppPrevInstance的功能(235)
2 [急]请教:如何防止同时访问相同页面?(160)
3 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155)
4 请教高手,如何取得Target属性(141)
</div>
<div id="ToScroll" style="left:220px;position:absolute;top:0px;">
1 re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?
评论内容较长,点击标题查看
--quitgame
2 re: 请教高手,如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3 re: 请教高手,如何取得Target属性
评论内容较长,点击标题查看
--trueben
4 re: 请教高手,如何取得Target属性
RequestQueryString["target"];
--wudebin
5 re: [急]请教:如何防止同时访问相同页面?
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1 在aspnet中如何防止二重启动,相当于VB中函数AppPrevInstance的功能(235)
2 [急]请教:如何防止同时访问相同页面?(160)
3 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155)
4 请教高手,如何取得Target属性(141)
</div>
</body>
</html>

1<!--div比table大小要小才会显示-->
2<div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;">
3 <table id="table" border="1" align="center" width="300px" height="200px">
4 <tbody>
5 <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td></tr>
6 <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr>
7 <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
8 <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>
9 </tbody>
10</table>
11 </body>
12 </div>

给body改为<body
scroll="no"
style="overflow-x:hidden;overflow-y:hidden">如果只要显示或者隐藏相应的滚动条就加上或者删掉overflow-x,或者overflow-y,样式代码纯手打的,希望帮到你

在包裹内容的div加上这两个属性:overflow: hidden;overflow-x: auto;
那么这个div内的内容超过就好横向出现滚动条,还得给这个div一个宽度;

给你个代码看看:
<select style="width:80px;overflow:hidden">
<option title="html中的文字太长,列表框中显示不完整,麻烦大家了" value="f">html中的文字太长,列表框中显示不完整,麻烦大家了</option>
<option title="听说是用js代码实现,麻烦给个例子,谢谢
" value="d">听说是用js代码实现,麻烦给个例子,谢谢
</option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
</select>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/10407215.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-08
下一篇2023-05-08

发表评论

登录后才能评论

评论列表(0条)

    保存