頁面刷新時直接定位到某位置


方法一:

$(document).ready(function() {
   window.location.href ="#come here";
});

(注:用此方法頁面鏈接后會多一個錨點類名)

 

方法二:

<script>
var timer, scrollHeight, viewHeight, step = 2000, sTop = 0,isScrict=document.compatMode=='CSS1Compat';
document.onclick = function () { clearInterval(timer); }
function Move() {
//設置滾動前獲取當前的的滾動高度和sTop比較,如果小於sTop或者和sTop的差距大於step定義的,說明拖拽過滾動條了
var nowScrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
if (nowScrollTop < sTop || (nowScrollTop - top > step)) clearInterval(timer);
sTop += step;
document.documentElement.scrollTop = document.body.scrollTop = sTop;
if (sTop + viewHeight > scrollHeight) {//滾動到底部
clearInterval(timer);
document.documentElement.scrollTop = document.body.scrollTop = 700//跳轉到頂部
}
}
window.onresize = function () {
viewHeight = document[isScrict?'documentElement':'body'].clientHeight;
scrollHeight = document[isScrict?'documentElement':'body'].scrollHeight;
}
window.onload = function () {
window.onresize();
timer = setInterval(Move, 0);
}
</script>

(雖然不會增加錨點類名,但是在頁面元素全部加載完之后跳轉到指定位置)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM