JQuery аккордеонные автоматизированные панели - как предотвратить прокрутку страницы? - PullRequest
Новая
       3

JQuery аккордеонные автоматизированные панели - как предотвратить прокрутку страницы?

0 голосов
/ 01 сентября 2010

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

Проблема в том, что если пользователь прокручивает вниз, когда аккордеон зацикливается, страница переходит обратно к следующей открывающейся панели. Я пробовал все виды возвращаемых значений и пытался удалить теги href в html.

Вот минимальный код: 

<script type="text/javascript">
$(function(){
 $("#accordion").accordion({ header: "h3"});
});
itemid=0;
setInterval ("doSomething()", 2000 );
function doSomething(){
 itemid++;
 $("#accordion").accordion( "activate" , itemid);
 if (itemid==2){itemid=-1};
}   
</script>
</head>
<body>
<div id="accordion">
 <div>
  <h3 style="font-weight:bold;"><a href="#">title1</a></h3>
  <div>content1</div>
 <div>
  <h3 style="font-weight:bold;"><a href="#">title2</a></h3>
  <div>content2</div>
 </div>
 <div>
  <h3 style="font-weight:bold;"><a href="#">title3</a></h3>
  <div>content3</div>
 </div>
</div>
<br />
....

У кого-нибудь есть идеи для меня, чтобы попробовать?

Спасибо.

1 Ответ

0 голосов
/ 03 сентября 2010

Это браузер, отображающий «проблему».Вы можете скопировать его с помощью Firebug.Обратите внимание, если вы прокручиваете страницу вниз, когда в ней много контента, и скрываете первый контент, устанавливая свойство css для отображения: none (в основном то, что нужно сделать для анимации).Затем страница автоматически перейдет наверх.

Один из вариантов - сохранить предварительную анимацию текущей позиции прокрутки, а затем прокрутить до этой позиции после завершения анимации, хотя это довольно уродливо.

Другой вариант - ограничить высоту вашего контента до среднего размера страницы, тогда у вас будет полоса прокрутки для активного контента, а не для всего экрана.

ИМХО, в любом случае это не такхорошо выглядеть.Если бы я был дизайнером, я бы предложил переосмыслить дизайн.Если у вас будет большое количество информации, я бы не стал вставлять ее в автоматически меняющуюся гармошку.

...