新任真心求教一个滚动条的有关问题
日期：2014-05-17 浏览次数：20655 次
新任真心求教一个滚动条的问题
本人新手，最近搞了个动态添加html元素的代码。功能是实现了，但是发现增加的元素变多后，页面右侧滚动条会随着新增元素往下移动。不知道有没有什么方法可以让滚动条不动呢？请高人指点！代码如下：
<html>
<body id="test">
<script type="text/javascript">
var m = 0;
var timer2 = setInterval("test()",1000);
function test(){
var aaa = document.getElementById("test");
m++;
//创建一个表格对象
var a = document.createElement("table");
//设置表格的边框为1。
a.id = "tab"+m;
a.border=0;
a.style="width:100%;height:100%";
a.innerHTML = "<tr><td><iframe src='http://www.baidu.com/' width='100%' height='100%'>"+"</iframe></td></tr>";
//将表格元素添加到HTML文档内
aaa.appendChild(a);
// aaa.insertBefore(a,aaa.firstChild);
document.getElementById('tab1').focus();
if(m==5){
clearInterval(timer2);
}
}
</script>
</body>
</html>
aaa.insertBefore(a,aaa.firstChild)这一句是往body的头部增加，虽然能实现我说的那种，但是增加的元素是往页面上方跑的，感觉不太好。。。
------解决方案--------------------
做个锚点回到顶部吧。。。
本人新手，最近搞了个动态添加html元素的代码。功能是实现了，但是发现增加的元素变多后，页面右侧滚动条会随着新增元素往下移动。不知道有没有什么方法可以让滚动条不动呢？请高人指点！代码如下：
<html>
<body id="test">
<script type="text/javascript">
var m = 0;
var timer2 = setInterval("test()",1000);
function test(){
var aaa = document.getElementById("test");
m++;
//创建一个表格对象
var a = document.createElement("table");
//设置表格的边框为1。
a.id = "tab"+m;
a.border=0;
a.style="width:100%;height:100%";
a.innerHTML = "<tr><td><iframe src='http://www.baidu.com/' width='100%' height='100%'>"+"</iframe></td></tr>";
//将表格元素添加到HTML文档内
aaa.appendChild(a);
// aaa.insertBefore(a,aaa.firstChild);
document.getElementById('tab1').focus();
if(m==5){
clearInterval(timer2);
}
}
</script>
</body>
</html>
aaa.insertBefore(a,aaa.firstChild)这一句是往body的头部增加，虽然能实现我说的那种，但是增加的元素是往页面上方跑的，感觉不太好。。。
------解决方案--------------------
做个锚点回到顶部吧。。。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
