国产探花免费观看_亚洲丰满少妇自慰呻吟_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(); }); })();:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 奇台县| 武鸣县| 遵义县| 余庆县| 丰宁| 巧家县| 浦县| 延安市| 孙吴县| 沛县| 韩城市| 微山县| 长岛县| 汉川市| 铜川市| 井陉县| 泾川县| 绥阳县| 囊谦县| 马山县| 清徐县| 略阳县| 龙泉市| 莎车县| 襄城县| 海伦市| 柳江县| 临沧市| 邳州市| 台山市| 古浪县| 辽阳县| 三门县| 博野县| 宁城县| 镇安县| 北川| 芜湖市| 玉山县| 璧山县| 宁南县|