4

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

脚本就像：

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

HTML就像：

  <a href="javascript:jumpScroll()"> Scroll Page </a>
4

1 回答 1

3 
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

于 2013-05-17T09:29:40.873 回答