跳转滚动并重定向到博客上同一博客的另一个页面

2024-03-29

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

脚本就像:

  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 http://www.mediacollege.com/internet/javascript/page/scroll.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

跳转滚动并重定向到博客上同一博客的另一个页面 的相关文章

随机推荐