国产探花免费观看_亚洲丰满少妇自慰呻吟_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(); }); })();:

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

圖片精選

主站蜘蛛池模板: 保康县| 马关县| 准格尔旗| 敦化市| 长阳| 舞钢市| 青海省| 高唐县| 元氏县| 夏津县| 寿宁县| 闻喜县| 黄山市| 济南市| 屯昌县| 龙陵县| 土默特右旗| 拜泉县| 铁岭县| 泗洪县| 百色市| 鄂尔多斯市| 永昌县| 惠州市| 锡林浩特市| 安乡县| 岢岚县| 东海县| 江西省| 曲水县| 萝北县| 馆陶县| 正安县| 林周县| 邹平县| 迁安市| 浑源县| 邵阳县| 青龙| 浏阳市| 瑞昌市|