国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery配合css簡單實現返回頂部效果

2024-05-06 15:52:35
字體:
來源:轉載
供稿:網友
返回頂部效果想必大家并不陌生吧,其實實現方法有很多,在本文為大家介紹下使用jquery是如何輕易實現的,感興趣的朋友可以參考下

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></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(); }); })();:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 浪卡子县| 潞西市| 南昌县| 合川市| 大理市| 来宾市| 阳高县| 天台县| 平阴县| 崇文区| 濉溪县| 寿宁县| 南江县| 隆安县| 威宁| 沁阳市| 四子王旗| 喀什市| 区。| 昌吉市| 资阳市| 七台河市| 德昌县| 英德市| 武义县| 衡阳县| 静海县| 满洲里市| 新余市| 千阳县| 汉阴县| 清远市| 天峻县| 洪湖市| 广西| 芜湖县| 高密市| 辰溪县| 满洲里市| 于都县| 黄陵县|