您的位置：首页 > 编程技术 > js  >  css配合jquery简单实现返回顶部效果支持IE6

css配合jquery简单实现返回顶部效果支持IE6

 更新时间：2013年10月5日 10:41  点击：1957

CSS：

代码如下:

.backToTop { 
display: none; 
width: 18px; 
line-height: 1.2; 
padding: 5px 0; 
background-color: #000; 
color: #fff; 
font-size: 12px; 
text-align: center; 
position: fixed; 
_position: absolute; 
right: 10px; 
bottom: 100px; 
_bottom: "auto"; 
cursor: pointer; 
opacity: .6; 
filter: Alpha(opacity=60); 
}


jQuery代码

代码如下:

(function() { 
var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body")) 
.text($backToTopTxt).attr("title", $backToTopTxt).click(function() { 
$("html, body").animate({ scrollTop: 0 }, 120); 
}), $backToTopFun = function() { 
var st = $(document).scrollTop(), winh = $(window).height(); 
(st > 0)? $backToTopEle.show(): $backToTopEle.hide(); 
//IE6下的定位 
if (!window.XMLHttpRequest) { 
$backToTopEle.css("top", st + winh - 166); 
} 
}; 
$(window).bind("scroll", $backToTopFun); 
$(function() { $backToTopFun(); }); })();：


[!--infotagslink--]

相关文章

  • mybatis-plus 返回部分字段的解决方式

    这篇文章主要介绍了mybatis-plus 返回部分字段的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-02

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • nestjs返回给前端数据格式的封装实现

    这篇文章主要介绍了nestjs返回给前端数据格式的封装实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-02-22

  • php stream_get_meta_data返回值

    测试代码如下：复制代码 代码如下:<?php$fp=fopen("http://www.sina.com.cn", 'r');$stream_meta = stream_get_meta_data($fp);print_r($stream_meta);?>在我本机输出如下：Array( [wrapper_data] => Array...2013-10-04

  • Mybatis返回结果封装map过程解析

    这篇文章主要介绍了Mybatis返回结果封装map过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-19

  • 解决微信授权成功后点击按返回键出现空白页和报错的问题

    这篇文章主要介绍了解决微信授权成功后点击按返回键出现空白页和报错的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-06-08

  • Vue实现返回顶部按钮实例代码

    这篇文章主要给大家介绍了关于Vue实现返回顶部按钮的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-10-21

  • PHP通用返回值设置

    PHP是现在很多程序比较常用的软件，一些人在写php代码时候，会遇到需要返回值的情况。这里可以统一设置下返回值格式，下面文章就给大家介绍返回值设置实例，下面一起来看看。...2017-07-06

  • 解析Mybatis的insert方法返回数字-2147482646的解决

    这篇文章主要介绍了解析Mybatis的insert方法返回数字-2147482646的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-04-02

  • C#异步方法返回void与Task的区别详解

    这篇文章主要给大家介绍了关于C#异步方法返回void与Task的区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-04

  • 在vue项目中利用popstate处理页面返回的操作介绍

    这篇文章主要介绍了在vue项目中利用popstate处理页面返回的操作介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-06

  • 详解C语言中return返回函数局部变量的问题

    本文主要介绍了C语言中return返回函数局部变量的问题，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-08-30

  • 基于jQuery实现返回顶部实例代码

    这篇文章主要介绍了基于jQuery实现返回顶部实例代码的相关资料,需要的朋友可以参考下...2016-01-05

  • 如何在oracle中限制返回结果集的大小

    Oracle不支持类似于 MySQL 中的 limit. 但你还是可以rownum来限制返回的结果集的行数. 如果你只希望返回前十行纪录，你可以这样写： SELECT * FROM table WHERE ROWNUM...2016-11-25

  • php soap 调用获取返回信息

    php教程 soap 调用获取返回信息 trace soap message 获取 soap返回信息 <?php $ws = "http://www.111cn.net/sd/2001/temperatureservice.wsdl"; $zipcode =...2016-11-25

  • php函数的返回值

    php函数的返回值。其实php函数可以返回一个或多个值，使用return关键字可以返回一个变量或者一个数组。return会使程序在return处停止，并返回指定的变量。 今天举一...2016-11-25

  • php中STRPOS查找失败返回的是FALSE注意事项

    strpos() 函数返回字符串在另一个字符串中第一次出现的位置了，但是我们在按官方的手册来测试时发现一直返回false了，那么要如何来解决 STRPOS用法strpos(string,fin...2016-11-25

  • PHP如何返回json格式的数据给jquery

    json格式的数据是我们在应用开发中一直会使用到的数据，如与jquery打交到或与api打交都会使用到json数据，那么PHP如何返回json格式的数据给jquery呢，下面我来给各位同学介...2016-11-25

  • C# Socket 发送&接收&返回 简单应用实例

    下面小编就为大家分享一篇C# Socket 发送&接收&返回 简单应用实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-25

  • 使用MyBatis返回其它类对象的字段处理

    这篇文章主要介绍了使用MyBatis返回其它类对象的字段处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...2021-08-25