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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:55:39
字體:
來源:轉載
供稿:網友
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(); }); })();:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广安市| 阿拉善右旗| 四川省| 襄汾县| 漳平市| 灌云县| 绥江县| 长岭县| 大渡口区| 彭州市| 桓仁| 香港| 松桃| 犍为县| 平山县| 吴忠市| 东兰县| 金乡县| 龙陵县| 屯留县| 安岳县| 大同县| 潢川县| 静宁县| 密云县| 宁武县| 怀仁县| 通州区| 贡觉县| 扎鲁特旗| 上犹县| 响水县| 兰西县| 宝丰县| 潼关县| 永修县| 腾冲县| 福海县| 米泉市| 贞丰县| 南澳县|