Блог

У меня есть фиксированный div в верхней части моей страницы и список ссылок немного дальше по странице. Пользователь может щелкнуть ссылку, которая запускает onclick:

 function setOffset(){   
location.hash = offset;  //where offset is some number I want as the hash  
scrollTo(0, 40);  
}  
  

Чего я хочу, так это перейти к хэшированной ссылке, затем прокрутить еще 40, чтобы вывести элемент в поле зрения из-под фиксированного div. Проблема в том, что scrollTo переходит к началу страницы и уничтожает хэш. У кого-нибудь есть какие-нибудь идеи?

http://www.w3schools.com/jsref/met_win_scrollto.asp

scrollTo(xPos, yPos)

Итак, в вашем коде:

 scrollTo(0, 40);
  

говорит о необходимости прокрутки до x-позиции 0 (которая находится слева) и y-позиции 40 (которая находится на 40 пикселей вниз от вершины). Вам нужно будет вычислить позицию вашего хэша, затем добавить к нему 40, чтобы прокрутить дополнительные 40 пикселей. Я полагаю, вы можете получить положение элемента на своей странице с помощью его свойства offsetTop.

HTH.

Редактировать: Похоже, в вашем примере у вас уже есть смещение, которое, как я предполагаю, является смещением элемента, до которого вы пытаетесь прокрутить, поэтому ваш код будет выглядеть следующим образом:

 function setOffset(){   
scrollTo(0,offset   40); 
}