Показать сообщение отдельно
  #1 (permalink)  
Старый 19.08.2016, 14:11
Интересующийся
Отправить личное сообщение для donkey Посмотреть профиль Найти все сообщения от donkey
 
Регистрация: 29.07.2016
Сообщений: 16

Навигация по якорям вперед\назад
Здравствуйте!

Есть некоторый массив якорей в div. Его границы фиксированы. Возможно ли сделать так, чтобы перемещение по якорям происходило не по нажатию на конкретную ссылку, ведущую на якорь, а просто две ссылки вперед\назад?

Сейчас вид такой:

<style>
#x {
width:200;
height:200;
overflow: scroll;
overflow-x: hidden; 
}
</style>

 
<a href="#1" onclick="document.getElementByName('1').style.top='0';">1</a>
<a href="#2" onclick="document.getElementByName('2').style.top='200';">2</a>
<a href="#3" onclick="document.getElementByName('3').style.top='400';">3</a>
<a href="#4" onclick="document.getElementByName('4').style.top='600';">4</a>
...

 
<div id=x>
<a name="1"></a>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<a name="2"></a>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<a name="3"></a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t
<a name="4"></a>ext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</div>


Думаю, что это не сложно, чтобы вместо массы ссылок было только вперед\назад.. Посмотрел по форуму, но ничего подобного не нашел..

Буду вам весьма признателен за вашу помощь!

Последний раз редактировалось donkey, 19.08.2016 в 14:48.
Ответить с цитированием