1. 程式人生 > >jquery中返回頂部

jquery中返回頂部

部分 定位 click 不知道 posit rip bsp 應該 一個

<script type="text/javascript">
   $("#returnTop").on(‘click‘,function(){
     $("body,html").animate({scrollTop:0},500)
   })
</script>

原本的 $("body,html")中為$("body")適用於google而$("html")適用於除了google之外的,應該是瀏覽器引擎的事情吧。

<script type="text/javascript">
$(window).on(‘scroll‘,function(){
var oTop=$("body,html").scrollTop();

var oFen=$(‘#fenyeNoturn‘);
var oNon=$(‘#noneLop‘);
if(oTop>900){
oFen.css(‘position‘,‘fixed‘)
}else{
oFen.css(‘position‘,‘relative‘)
}

if(oTop>1500){
oNon.hide(‘300‘)
}else{
oNon.show(‘300‘)
}
})
</script>

這段代碼是滾動到一定位置變成固定定位和隱藏一部分內容,然而這裏就沒辦法去用$("body,html")來識別所有的瀏覽器,不知道什麽原因,應該有一個判斷瀏覽器引擎來加載不同代碼的命令,以後完善

jquery中返回頂部