Question

如何用window.scrollTo实现打开网页跳转到DIV?

我想实现,打开本网页后,自动跳到<div id="demo"></div>,不是用锚链方式,那样会改变URL,用window.scrollTo怎么实现?急求大神支招

Answer 1

工作中的草案：

element.scrollIntoView(); // 等同于element.scrollIntoView(true) 
element.scrollIntoView(alignToTop); // Boolean型参数 
element.scrollIntoView(scrollIntoViewOptions); // Object型参数

参数

• alignToTop

  一个Boolean值：

  如果为true，元素的顶端将和其所在滚动区的可视区域的顶端对齐。

  如果为false，元素的底端将和其所在滚动区的可视区域的底端对齐。(该元素可以是任意一个用Javascript定义到的元素)

• scrollIntoViewOptions

  一个布尔值或一个带有选项的对象：

  {
  behavior: "auto"  | "instant" | "smooth",
  block:    "start" | "end",
  }
  

  如果是一个布尔值, true 相当于{block: "start"}，false 相当于{block: "end"}

  上面这个题干代码可以这样写：

【代码】测试过。（请勿使用getElements不然会获取一段数组。。）

提交之后返回undefined同时页面作出反应

var Element = document.getElementById('demo');
Element//等同于scrollIntoView(true);

Answer 2

用DOM的scrollIntoView方法：

document.getElementById("demo").scrollIntoView();