BoonKiong.com2025™

人气 371

又一款返回顶部图标代码

文***已获得官方认证 2023-6-25 22:11



1.jpg


把代码添加到第三方:

[CSS] 纯文本查看 复制代码
<style>
#pam {
        position: fixed;
        display: none;
        bottom: 4px;
        height: 53px;
        right: 4px;
        width: 53px;
        _position: absolute;
        _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#pam .top_img {
        display: block;
        height: 50px;
        width: 50px;
        background: url("https://boonkiong.com/b/p/top.png") no-repeat;
}
#pam .top_img:hover {
        background-position: center bottom;
}

</style>
<div id="pam" style="display: block;"><a class="top_img" href="#"></a></div>

<script language="javascript"
type="text/javascript">
function
getScroll(id){
var obj =
document.getElementById(id);
var timer =
null;
positionFixed(obj);

if(obj){
  obj.style.display =
'none';
  
window.onscroll=function(){
  
getScrollTop() > 0 ? obj.style.display = "block" :
obj.style.display = "none";
  
}
  
obj.onclick=function(){
  
var timer = setInterval(sMove,10);

  function sMove(){

   
setScrollTop(getScrollTop() / 1.5);
  
  if(getScrollTop() <
1)clearInterval(timer);
  
}
  
}
}
}
//判断IE6
function
positionFixed(obj){
var iE6 = !-[1,] &&
!window.XMLHttpRequest;
if(obj){


}
}
//获取滚动条Top
function
getScrollTop(){
return document.documentElement.scrollTop
|| document.body.scrollTop;
}
//回到顶部
function
setScrollTop(value){
document.documentElement.scrollTop =
value;
document.body.scrollTop =
value;
}
window.onload = function(){

getScroll('pam');
};
</script>



<
您需要登录后才可以回帖 登录 | 立即注册

您还未登录

随手拍~~:

热门推荐~~:

论坛表情分享...

1、洋葱头 ...

Discuz! X3.5 解决小图标不显示的方法...

我发现大多数使用Discuz! X3.5 都有小图标不能显示的问题,提问的时候大家给的回答都是说跨域的问题, ...

如何在 discuz 帖子里添加 APlayer 音乐播...

1、首先将下边的 APlayer.css 和 APlayer.js 代码下载然后解压上传到服务器。 2、单曲音乐的代 ...

Discuz! 相关帖子功能修改随机显示不依赖标...

打开 source/module/forum/forum_viewthread.php 文件,查找: 换行添加: 再查找: 换行添 ...

Discuz! X3.5 手机版 logo 的路径...

打开以下的模板文件,搜索 logo_m.svg 1.template/default/touch/portal/index.htm 2.template/def ...

热度会员~~:

文強bkboonkiongberryadmin老谟深虑TaC9528huaekinfei220088ku510teresabitch

免责声明~~:


本站内容来源于合作伙伴及网络搜集,版权归原作者所有。如有侵犯版权,请立刻和本站联系,我们将在三个工作日内予以改正。
Email:hsbk@hotmail.com

服务与条款|隐私政策|免责声明|手机版|网站地图|友链申请| 文强阁

Powered by Discuz! X3.5|© 2001-2025 Discuz! Team. |本站总访问量已经运行: