jquery中返回頂部
<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中返回頂部