一个Jquery的问题!急求救!(不好意思分比较少!)
发布网友
发布时间:2022-04-30 18:17
我来回答
共3个回答
热心网友
时间:2022-04-25 06:29
1.followScreen($(".tyhTop"));
放在
$(function(){
followScreen($(".tyhTop"));
});
呢?
2.除了绑定$(window).scroll 应该还需要绑定$(window).resize吧?
热心网友
时间:2022-04-25 07:47
<html>
<head></head>
<body id="gotoTop">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
内容
<a href="#gotoTop" style="position: fixed;left:100px;top:100px;width:100px;top:100px;line-height:100px;text-align:center;background:red;">返回顶部</a>
</body>
</html>
上面的代码不兼容IE6。如果你要更改返回顶部按钮的坐标请直接更改css中的left和top值。
热心网友
时间:2022-04-25 09:22
/***
* 编写时间:2013年9月15号
* author:zhump
***/
$(function() {
$.fn.manhuatoTop = function(options) {
var defaults = {
showHeight : 150,
speed : 1000
};
var options = $.extend(defaults,options);
$("body").prepend("<div id='totop'><a>返回</a></div>");
var $toTop = $(this);
var $top = $("#totop");
var $ta = $("#totop a");
$toTop.scroll(function(){
var scrolltop=$(this).scrollTop();
if(scrolltop>=options.showHeight){
$top.show();
}
else{
$top.hide();
}
});
$ta.hover(function(){
$(this).addClass("cur");
},function(){
$(this).removeClass("cur");
});
$top.click(function(){
$("html,body").animate({scrollTop: 0}, options.speed);
});
}
});
//调用
$(function (){
$(window).manhuatoTop({
showHeight : 100,//设置滚动高度时显示
speed : 500 //返回顶部的速度以毫秒为单位
});
});