htmlx轴没有滑块

htmlx轴没有滑块,第1张

htmlx轴没有滑块的设置方法如下

第一种:伪对象选择器

在webkit内核的浏览器里可以定义滚动条样式。在CSS初始处定义

第二种:变相隐藏

大体思路是在div外面再套一个div。这个div设置overflow:hidden。

而内容div设置 overflow-x: hiddenoverflow-y: scroll然后再设置外层div的width小于内容div的width,就是用一个无滚动条的div包裹另一个有滚动条的div,从而实现隐藏滚动条的效果。

<html>

<head>

<title>层自动滚动到最低端</title>

<style type="text/css">

.test{

width:300px

height:80px

border:#eee solid 1px

overflow-x:hidden

overflow-y:scroll

}

</style>

</head>

<body>

<BODY onload="var t = document.getElementById('test')t.scrollTop = t.scrollHeight">

<div id="test" class="test">

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

是否滚动到最底端?

</div>

</body>

</html>这个是DIV类型的。


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

原文地址: http://outofmemory.cn/zaji/8315572.html

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

发表评论

登录后才能评论

评论列表(0条)

保存