回到顶部jquery,回到顶部查看更多

JS或者jquery怎么设置滚动条回到顶部

JS或者jquery设置滚动条回到顶部的方法：

创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的成都网站建设、成都网站设计质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式成都全网营销推广需求，让再小的成都品牌网站建设也能产生价值！

返回顶部：设置为body的scrollTop为0  

滑动效果：animate（Jquery的自定义动画）

备注：returnTop为触发返回顶部的元素ID。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery 如何实现回顶部 带滑动效果

返回顶部：设置为body的scrollTop为0

滑动效果：animate（Jquery的自定义动画）

$("#returnTop").click(function () {

var speed=200;//滑动的速度

$('body,html').animate({ scrollTop: 0 }, speed);

return false;

});

备注：returnTop为触发返回顶部的元素ID

jquery 点击使元素置顶

估计你的意思是，点击列表，列表的内部内容展开，然后，当前问题提升到窗口的顶部（让当前问题占据当前页面的高度——或许高度不够）。

这个和锚点无关。

首先，你要对列表进行遍历。$('#问题 ul li').each(function(){}),这样，可以给每个列表元素绑定一次事件。

其次，要整理好你的html结构，因为，你需要使用到这个li的诸多属性和结构。

然后，获取当前li的顶部偏移，使用$(this).offset().top;

继续，给问题标题一个点击事件，点击后，执行问题内容的展开操作。

你知道，展开是有2种方法的slideDown()和animate();他们两个都有callback回调方法。因此，在回调中加入一个回到顶部的代码。

$('html,body').stop(true,false).aniamte({'scrollTop' : li元素偏移值})。这样，页面就被“拉”上去了，位置刚好是当前列表的顶部。

jquery如何实现当页面下拉到一定位置时，右下角出现回到顶部图标

重写window.onscroll()事件，先将返回顶部div设置为position:fixed;right:10px;bottom:10px;display:none，一旦event.scrollTop100(100可以设置为你想要的值)就display:block（fadeIn()），否则display:none(fadeOut())。还要设置返回顶部div点击事件，onclick(function(){$('body,html').animate({scrollTop:0},1000);})，这个什么意思不用我多说吧，既然搞Jquery，动画还是应该晓得。

style type="css/text"

#gotop{position:fixed;right:10px;bottom:10px;display:none}

/style

div id="gotop"/div

script type="javascript/text"

$(function(){

$(window).scroll(function(){

if($(window).scrollTop  100){

$("#gotop").fadeIn(1000);//一秒渐入动画

}else{

$("#gotop").fadeOut(1000);//一秒渐隐动画

}

});

$("#gotop").click(function(){

$('body,html').animate({scrollTop:0},1000);

});

});

/script

刚写的，没测试，有问题再问我。