滚动条控制 div的显示与隐藏。

最新推荐文章于 2023-07-27 11:15:01 发布

chenguang79

最新推荐文章于 2023-07-27 11:15:01 发布

阅读量4.9k

点赞数

分类专栏： javascript 文章标签： div javascript generator html function

本文链接：https://blog.csdn.net/chenguang79/article/details/4808260

版权

javascript 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

昨天在论坛上看见一个兄弟在提这个问题，就自己作了一个小例子，感觉很有意思，今天放了上来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language='javascript'>

 function get_scrollTop_of_body(){
 var a = document.getElementById('div1');
 var scrollTop;
 if(typeof window.pageYOffset != 'undefined'){
 scrollTop = window.pageYOffset;
 }
 else
 if(typeof document.compatMode != 'undefined' &&
 document.compatMode != 'BackCompat'){
 scrollTop = document.documentElement.scrollTop;
 }
 else
 if(typeof document.body != 'undefined'){
 scrollTop = document.body.scrollTop;
 }
 if(scrollTop!=0)
 {
 a.style.display='block';
 }
 else
 {
 a.style.display='none';
 }
}
</script>
</HEAD>

<BODY οnscrοll='get_scrollTop_of_body()'>
<a name="tt">
aaaaa 
aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 <div id="div1" width="200" style='display:none;'><a href="#tt">回到顶部</a></div>
aaaaa 
aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
aaaaa 
aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
aaaaa 
aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
aaaaa 
aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
 aaaaa 
<script language="javascript">
 var divView = document.getElementById('div1');
 alert(document.body.clientWidth-divView.offsetWidth);
 divView.style.position="absolute";
 divView.style.right = "10px";
 divView.style.bottom = "20px";
</script>
</BODY>
</HTML>

chenguang79

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
滚动条控制 div的显示与隐藏。

昨天在论坛上看见一个兄弟在提这个问题，就自己作了一个小例子，感觉很有意思，今天放了上来 New Document function get_scrollTop_of_body(){ var a = document.getElementById(div1); va
复制链接

扫一扫

专栏目录