當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html部分位置属性

發布時間：2023/12/15 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 html部分位置属性小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

<!DOCTYPE?html> <html> <head?lang="en"><meta?charset="UTF-8"><title></title><style>#test{width:?300px;height:?200px;border:?1px?solid?red;overflow:?hidden;}</style> </head> <body> <div?id="test"><div?id="test1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br><br></div><div?id="test2"></div> </div> <script>var?test1=document.getElementById("test1");var?test2=document.getElementById("test2");var?test=document.getElementById("test");test2.innerHTML=test1.innerHTML;function?move(){if(test2.offsetTop?-?test.scrollTop<=0){test.scrollTop-=test2.offsetTop;}test.scrollTop++;//????????window.document.title=test.scrollTop+",test1.offsetTop="+test2.offsetTop;//????????window.document.title=test.scrollTop;}setInterval("move()",10); </script>        </body> </html> <style>#tu{position:absolute;top:100px;left:100px;} </style><body?onscroll="test()"> <textarea?cols="1000"?rows="1000"></textarea> <img?src="E:\JetBrains\JsDemo\img\b1.jpg"?id="tu"><script>var?tu=document.getElementById("tu");function?test(){tu.style.top=100+document.body.scrollTop;tu.style.left=100+document.body.scrollLeft;} </script></body>

轉載于:https://my.oschina.net/u/1994482/blog/482923

總結

以上是生活随笔為你收集整理的html部分位置属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。