博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery返回顶部-ie6配合css表达式。
阅读量:7144 次
发布时间:2019-06-28

本文共 1418 字,大约阅读时间需要 4 分钟。

css:

.wraper{
width:980px; height:2048px; margin:0 auto; background:#ccc; }/*返回头部*/#backToTop a{
display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;}#backToTop .bt_bg{
background:url(http://i0.cy.com/xtl/main/20140227/backTop.png) no-repeat;_background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i0.cy.com/xtl/main/20140227/backTop.png',sizingMethod='scale'); width:25px; height:26px ; position:absolute; left:0; top:0; z-index:8; }#backToTop {
display:none; width:25px; height:26px ; position:fixed; right:50%; margin-right:-533px; bottom:110px; z-index:1; }/**针对ie6设置*/*html #backToTop {
position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

 

html:

 

javascript:

$('body').append($('
').hide(0)); $(window).scroll(function(){ $('#backToTop').show(); if ($(document).scrollTop() != 0) $('#backToTop').show(); else $('#backToTop').hide(); }); $('#backToTop a').click(function(){ $('html, body').animate({ scrollTop: 0 }, 800); return false; });

 

转载于:https://www.cnblogs.com/zhidong123/p/3781641.html

你可能感兴趣的文章
大数据应用安全研究报告(11家公司实践详解)
查看>>
比特币的潜在最大“杀手”是量子计算机?科学家称,后者强大的计算力将攻破比特币的安全性...
查看>>
MES之殇和工业IOT之春
查看>>
历史画作遭破坏,3D打印和 AI 来帮忙
查看>>
Atom飞行手册翻译: 3.8 编写spec
查看>>
智能健康行业突破不大,却走向“歪路”
查看>>
机器人也有触感了!斯坦福大学开发人工感觉神经系统让蟑螂抽搐
查看>>
5 Reasons Why You Should Try Kibana
查看>>
阿里云网络漏洞扫描系统AVDS(商业化)发布
查看>>
Pam认证模块
查看>>
解决tomcat"Could not reserve enough space for object heap"
查看>>
sersync实现主机实时双向同步
查看>>
卸载并重新配置mysql服务
查看>>
同行的一个案例---删除表,需要恢复
查看>>
python splinter 小坑说明
查看>>
JAVA并行框架:Fork/Join
查看>>
控制input输入格式
查看>>
linux系统上安装java
查看>>
38.进程管理与计划任务---PS、Top、Crontab
查看>>
0301_互连模拟
查看>>