我有一个博客。如果有人点击特定链接,我想这样做。他应该在同一页面的特定点跳转滚动。然后几秒钟后,他应该自动重定向到同一博客的其他页面/重定向到其他博客。也请给出示例网址。
我有这个代码。

脚本是这样的:

  function jumpScroll(){
   window.scroll(0,150);
  }

HTML 是这样的:
  <a href="javascript:jumpScroll()"> Scroll Page </a>

最佳答案

function pageScroll() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

要在页面加载时自动滚动 ,请将以下代码添加到 body 标记中:
<body onLoad="pageScroll()">

链接是这样的:
 <a href="javascript:pageScroll()">Scroll Page</a>

直接滚动到特定点:

使用 scroll() 方法跳转到页面上的特定点。目标位置以像素的形式指定。
function jumpScroll() {
window.scroll(0,150); // horizontal and vertical scroll targets
}

链接就像:
 <a href="javascript:jumpScroll()">Jump to another place on the page</a>

移至下一页:
function jumpScroll() {
window.scroll(0,150); // horizontal and vertical scroll targets
    window.location.replace("http://page2.html");
}

移动到特定页面:

您应该在每个链接中调用不同的函数,例如:
 <a href="javascript:jumpScroll1()">jump to page1</a>
 <a href="javascript:jumpScroll2()">Jump to page2</a>
 <a href="javascript:jumpScroll3()">Jump to page3</a>

脚本是这样的:
   function jumpScroll1() {
window.scroll(0,150); // horizontal and vertical scroll targets
    window.location.replace("http://page1.html");
}


function jumpScroll2() {
window.scroll(0,250); // horizontal and vertical scroll targets
    window.location.replace("http://page2.html");
}


function jumpScroll3() {
window.scroll(0,350); // horizontal and vertical scroll targets
    window.location.replace("http://page3.html");
}

这对我来说很好用。

引用链接:http://www.mediacollege.com/internet/javascript/page/scroll.html

关于javascript - 跳转滚动并重定向到博主上同一博客的另一个页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16605316/

10-12 14:10
查看更多