анимированный переход вверх страницы при пагинации
- Ivan Ozercov
- Сообщения: 53
- Зарегистрирован: 2012.03.21, 15:53
- Откуда: Минск
анимированный переход вверх страницы при пагинации
Подсажите как сделать анимированный переход вверх страницы при пагинации.
Re: анимированный переход вверх страницы при пагинации
Сделать обновление через Ajax, затем на каждый item пагинации повесить класс, на этот класс навесить jQuery плагин для плавной прокрутки вверх
- Ivan Ozercov
- Сообщения: 53
- Зарегистрирован: 2012.03.21, 15:53
- Откуда: Минск
Re: анимированный переход вверх страницы при пагинации
в layout прописал
но при клике на элемент пагинации функция не срабатывает, елси же заменить на mouseover тогда все работает
Что я делаю не так?
Код: Выделить всё
//Animated Scroll to Top
Yii::app()->clientScript->registerScript('ScrollToTop',"
$('ul.yiiPager li.page.selected').live('click',function(){
$('body,html').animate({
'scrollTop': 0
}, 800);
return false;
});
",CClientScript::POS_HEAD);
Что я делаю не так?
Re: анимированный переход вверх страницы при пагинации
Не срабатывает прокрутка вверх или переход на другую страницу?
- Ivan Ozercov
- Сообщения: 53
- Зарегистрирован: 2012.03.21, 15:53
- Откуда: Минск
Re: анимированный переход вверх страницы при пагинации
не срабатывает прокрутка вверх. Переход на другую страницу страбатывает
Re: анимированный переход вверх страницы при пагинации
Если вы говорите что срабатывает при mouseover то проблема в том что происходит переход.
1. Переход точно без перезагрузки страницы?
2. Что в отладчике, есть какие-то js ошибки?
1. Переход точно без перезагрузки страницы?
2. Что в отладчике, есть какие-то js ошибки?
- Ivan Ozercov
- Сообщения: 53
- Зарегистрирован: 2012.03.21, 15:53
- Откуда: Минск
Re: анимированный переход вверх страницы при пагинации
переход с перезагрузкой страницы.
в отладчике ошибок нет
в отладчике ошибок нет
Re: анимированный переход вверх страницы при пагинации
уберите
return false;
return false;
Re: анимированный переход вверх страницы при пагинации
Если с перезагрузкой страницы, то браузер автоматом перемещает наверх страницы, так что либо сначала прокручивать вверх, а потом делать переход, либо переход аяксомIvan Ozercov писал(а):переход с перезагрузкой страницы.
в отладчике ошибок нет
- Ivan Ozercov
- Сообщения: 53
- Зарегистрирован: 2012.03.21, 15:53
- Откуда: Минск
Re: анимированный переход вверх страницы при пагинации
спасибо,помоглоVenom4eg писал(а):Если с перезагрузкой страницы, то браузер автоматом перемещает наверх страницы, так что либо сначала прокручивать вверх, а потом делать переход, либо переход аяксомIvan Ozercov писал(а):переход с перезагрузкой страницы.
в отладчике ошибок нет
Re: анимированный переход вверх страницы при пагинации
Код: Выделить всё
<a id="scrollTop"></a>
<?php
$this->widget('zii.widgets.CListView', array(
'dataProvider'=>$dataProvider,
'afterAjaxUpdate' => 'function(){
$("html, body").animate({scrollTop: $("#scrollTop").position().top }, 100);}'
));
?>