ZKX's LAB

如何用JS控制一个DIV框 当用户拉动滚动条~DIV框移动到浏览器可视区域底部时会随着页面可视区域移动 js控制div滚动条

2020-07-21知识11

怎么控制div随滚动条滚动js 你说的不知道是哪一种,都给你说下吧第一种、滚动条滚动一定高度div也移动一定高度 及首先获取滚动条滚动的值即oScroll=document.documentElement.scrollTop|document.body.scrollTop;然后把这个值赋值给div的top值还有一种就是固定定位position:fixed;始终固定在浏览器窗口的某一位置,不管浏览器滚动条怎么滚动他还是处于浏览器窗口(注意说的是浏览器窗口而不是网页主体)的那个位置不动,这种看起来和你说的效果一样,滚动滚动条div固定浏览器窗口位置不变,然后网页主体上下移动;不知道你说的是哪一种js控制div内的滚动条的位置 通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。示例d1是外层div,带滚动条width:100px;overflow:auto;background:blue;'>;width:500px;background:yellow'>;2222document.getElementById('d1').scrollTop=100;通过scrollTop设置滚动到100位置document.getElementById('d1').scrollLeft=200;通过scrollTop设置滚动到200位置JS控制div滚动条位置问题 function Cmd(v,height){下面这段用来每次点击时清除所有高亮var table1=document.getElementById(\"table1\");var alks=table1.getElementsByTagName(\"a\");for(var i=0;i;i+){alks[i].style.background=\";alks[i].style.color=\";}下面这段用来每次点击时设置对应ID的高亮var link=document.getElementById(\"tr\"+v).getElementsByTagName(\"a\");if(link.length>;0){var a=link[0];a.style.background=\"blue;a.style.color=\"white;}下面这段用来控制滚动条var divBox=document.getElementById(\"divBox\");左侧带滚动条的大DIVdivBox.scrollTop=height;}height:200px;overflow-y:scroll;overflow-x:none;a href=\"javascript:void(0);栏目1<;/a>;<;/td>;a href=\"javascript:void(0);栏目2<;/a>;<;/td>;a href=\"javascript:void(0);栏目3<;/a>;<;/td>;a href=\"javascript:void(0);栏目4<;/a>;<;/td>;a href=\"javascript:void(0);栏目5<;/a>;<;/td>;a href=\"javascript:void(0);栏目6<;/a>;<;/td>;(0);onclick=\"Cmd(1,0);跳到栏目1(0);onclick=\"Cmd(2,50);跳到栏目2(0);onclick=\"Cmd(3,100);跳。JS 怎么控制某个div的滚动条滚动到顶部 定义和用法scrollTo(xpos,ypos)方法可把内容滚动到指定的坐标。xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。ypos 必需。要在窗口文档显示区左上。如何使用JS控制DIV内容的滚动条 通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。示例d1是外层div,带滚动条width:100px;overflow:auto;background:blue;'>;width:500px;background:yellow'>;2222document.getElementById('d1').scrollTop=100;通过scrollTop设置滚动到100位置document.getElementById('d1').scrollLeft=200;通过scrollTop设置滚动到200位置

随机阅读

qrcode
访问手机版