Как сделать так, чтобы страница загружалась в середину страницы (вместо вершины)?

Question

Я бы хотел, чтобы страница открывалась на определенном участке внизу страницы, а не вверху ...

У меня есть что-то вроде:

<div id="d1">
<div id="d2">
<div id="d3">
<div id="d4">
<div id="d5">
<div id="d6">

Как я могу заставить страницу открываться на # d4 вместо вершины? (Помимо добавления # d4 в конец к URL-адресу ...)

Я предполагаю, что должен быть какой-то простой способ сделать это, но я не могу понять, как искать решение! HTML, JavaScript? Любая помощь с благодарностью.

Answer 1

<script>
function ScrollToElement(theElement){

  var selectedPosX = 0;
  var selectedPosY = 0;

  while(theElement != null){
    selectedPosX += theElement.offsetLeft;
    selectedPosY += theElement.offsetTop;
    theElement = theElement.offsetParent;
  }

 window.scrollTo(selectedPosX,selectedPosY);

}
</script>

http://radio.javaranch.com/pascarello/2005/01/09/1105293729000.html

Answer 2

РЕДАКТИРОВАТЬ: Упс!не читал, кроме .... игнорировать!

Примечание для себя, прочитайте весь вопрос, прежде чем ответить!

Конец РЕДАКТИРОВАНИЕ

Вывсегда можно использовать HTML-тег привязки

<a name="d1" />
<div id="d1"> 
<a name="d2" />
<div id="d2">
<a name="d3" /> 
<div id="d3"> 
<a name="d4" />
<div id="d4"> 
<a name="d5" />
<div id="d5"> 
<a name="d6" />
<div id="d6"> 

Когда вы переходите на страницу, вы должны включить имя привязки в URL: pagename.htm # d4

Обязательно закройте свой divтеги.

Удачи,

Патрик

Answer 3

Найдите позицию div, используя this , а затем используйте следующую команду javascript:

window.scroll(0, DIV_POS); // horizontal and vertical scroll targets

Answer 4

Вы можете использовать Javascript:

location.replace('#d4');