如何用代码设置div滚动条的位置？

ogogog 2007-05-25 08:38:49

！

...全文

696 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

ogogog 2007-05-29

打赏
举报

回复

谢谢，是问div的事件，实现多区域滚动条连动。

飘零雾雨 2007-05-25

打赏
举报

回复

位置？

Ischema 2007-05-25

打赏
举报

回复

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>设置</title>
</head>
<body>
<div id="Layer1" style="background:gray;width:300px;height:100px;overflow:auto;">Happy New Year ! ! !<p>
<input type=button name='button_export' onclick=OpenWord() value=设置>
<p><p><p><p><p><p><br><P><p><p><p><p><p><p><p><p><p><p>><p><p><p><p><p>
<br><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br><P><p><p><p><p><p><p><p><p><p><p>
this is a test!

</div>

<p>this is a test!</p>

</body>
</html>
<script language="javascript">
function OpenWord(){
Layer1.style.border=1
Layer1.scrollTop=100;
}
</script>

属性，我们可以实现DIV滚动条位置的动态设置效果。本文将介绍一种JavaScript技巧，通过生成随机数来设置DIV滚动条的位置，以实现页面滚动的动态效果。然后，在你的JavaScript代码中，将上述示例代码的相关部分替换为你的实际代码，即可实现动态设置滚动条位置的效果。由于我们希望滚动条的位置能够覆盖整个DIV的内容高度，所以我们通过。要使用这个技巧，你需要在HTML中定义一个带有滚动条的DIV元素，并给它一个唯一的ID，例如。实现这个技巧的关键点在于使用JavaScript来操作滚动条的属性。

div中打开滚动条与设置滚动条位置一、给div设置滚动条二、设置滚动条的位置通过锚点跳转设置scrollTop的值当我们给div设置固定的高度或宽度的时候,超出的内容默认是不显示的.但是我们有将他们显示出来的需求,比如自己做一个,这时候我们就需要给div加上滚动条了一、给div设置滚动条 我们只需要这么一行css代码 overflow: scroll; 如果我们只想添加高度滚动条,我们可以使用下面的语句 /*设置纵向滚动栏*/ overflow-x: scroll; /*设置横向滚动栏*/ overf

经过以上对滚动条的设置，我们可以根据实际需求选择相应的样式进行设置，这样可以更好地体验到网页及移动端应用的交互体验。同时需要注意的是，以上示例主要适用于 Chrome 和 Safari 等一些 Webkit 内核的浏览器，如果要适配其他浏览器，需要使用不同的样式和属性。随着网页及移动端应用的发展，滚动条成为了一种不可或缺的用户体验，而 CSS3 提供的一系列滚动条样式设置使得我们可以更加灵活地定制滚动条的样式，今天我们就来一起探讨一下如何利用CSS来设置div滚动条。

这里向大家描述一下DIV滚动条属性及样式设置，所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。DIV滚动条属性及样式设置所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。其功能大...

然后在该项目的html文件中键入页面代码，如图所示：设置div滚动条滚动到指定位置？$(document).ready(function(){scrollToLocation();});function scrollToLocation() {var mainContainer = $('#thisMainPanel'),scrollToContainer = mainContainer.find...

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章