2015-01-25 5 views
0

Примечание: может быть duplicateвертикальной гладкой прокрутки вверх и вниз

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

  • window.location.href = "#feed_box";
  • scrollTo
  • scrollTop

Все из них, где работает отлично, за исключением scrollTop, но проблема с window.location.href было все коробки имеют тот же идентификатор " потому что все они отражены (php) из цикла while. Таким образом, он берется в том же окне, что и в следующем.

JQuery:

var x= $(window).scrollTop(); 
$("#feed_up").click(function(){ 
    $("html, body").animate({ scrollTop: x - 960 }, 550); 
}); 
$("#feed_down").click(function(){ 
    $("html, body").animate({ scrollTop: x + 960 }, 550); 
});` 

Проблема в этом сценарии он пропускает один или два ящика (запись).

Вкратце, я хочу, чтобы этот код не пропускал ящик или window.location.href, чтобы не получить тот же самый ящик id.

+0

_ «проблема с window.location.href было все коробки имеют тот же идентификатор«причина все они перекликаются (PHP) из цикла в то время как "_ - это ошибка в генерации HTML, тогда вам нужно исправить - идентификаторы должны быть _unique_ внутри документа. – CBroe

+0

Не могли бы вы рассказать мне, как я могу это сделать с циклом while. (сообщение в ответ) – MihirUj

ответ

0

проблема с window.location.href было все коробки имеют одинаковый идентификатор, потому все они перекликаются (PHP) из цикла в то время как»

- это ошибка в вашем поколении HTML то, что вам нужно исправить - идентификаторы должны быть уникальными в документе.

с помощью этого эхо <div id="' . $row["id"] 'align="center"></div> это даст идентификатор окна для Div

Смежные вопросы