Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: как лучше сделать?

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » как лучше сделать?

Страниц (1): [1]

1. alexiy - 02 Декабря, 2013 - 23:03:01 - перейти к сообщению

есть

CODE (html):
скопировать код в буфер обмена

 
  <div id="items">
     <div class = "item></div>
     <div class = "item style ="display:none;">...</div>
     <div class = "item style ="display:none;">...</div>
     <div class = "item style ="display:none;">...</div>
     <div class = "item style ="display:none;">...</div>
  </div>
 

по умолчанию показывается только первый div, по клику на кнопку показывается следующий блок, как сделать типа фокуса(чтобы скролл переходил на следующий показанный блок) на каждый появляющийся блок?

2. dXdYdZ - 02 Декабря, 2013 - 23:16:53 - перейти к сообщению

Здравствуйте. Можно использовать якорь.
Например, если следующий div имеет идентификатор "d1", то после его отображения можно выполнить следующее:

CODE (javascript):
скопировать код в буфер обмена

window.location.href='#d1'

(Добавление)
Вот пример:

CODE (html):
скопировать код в буфер обмена

<div id="items">
     <div class = "item" style='height:700px;background-color:gray;'><button onclick="document.getElementById('d1').style.display='block';window.location.href='#d1'">Показать</button>
     </div>
     22222222222222222
     <div class = "item" id='d1' style ="display:none;height:700px;background-color:gray;">Содержимое 2</div>
     <div class = "item" id='d2' style ="display:none;">...</div>
     <div class = "item" id='d3' style ="display:none;">...</div>
     <div class = "item" id='d4' style ="display:none;">...</div>
  </div>