анимированный переход вверх страницы при пагинации

Общие вопросы по использованию фреймворка. Если не знаете как что-то сделать и это про Yii, вам сюда.
Ответить
Аватара пользователя
Ivan Ozercov
Сообщения: 53
Зарегистрирован: 2012.03.21, 15:53
Откуда: Минск

анимированный переход вверх страницы при пагинации

Сообщение Ivan Ozercov »

Подсажите как сделать анимированный переход вверх страницы при пагинации.
Аватара пользователя
Venom4eg
Сообщения: 51
Зарегистрирован: 2011.09.26, 10:48
Откуда: Киев

Re: анимированный переход вверх страницы при пагинации

Сообщение Venom4eg »

Сделать обновление через Ajax, затем на каждый item пагинации повесить класс, на этот класс навесить jQuery плагин для плавной прокрутки вверх
Аватара пользователя
Ivan Ozercov
Сообщения: 53
Зарегистрирован: 2012.03.21, 15:53
Откуда: Минск

Re: анимированный переход вверх страницы при пагинации

Сообщение Ivan Ozercov »

в layout прописал

Код: Выделить всё

//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);
 
но при клике на элемент пагинации функция не срабатывает, елси же заменить на mouseover тогда все работает
Что я делаю не так?
Аватара пользователя
Venom4eg
Сообщения: 51
Зарегистрирован: 2011.09.26, 10:48
Откуда: Киев

Re: анимированный переход вверх страницы при пагинации

Сообщение Venom4eg »

Не срабатывает прокрутка вверх или переход на другую страницу?
Аватара пользователя
Ivan Ozercov
Сообщения: 53
Зарегистрирован: 2012.03.21, 15:53
Откуда: Минск

Re: анимированный переход вверх страницы при пагинации

Сообщение Ivan Ozercov »

не срабатывает прокрутка вверх. Переход на другую страницу страбатывает
Аватара пользователя
Venom4eg
Сообщения: 51
Зарегистрирован: 2011.09.26, 10:48
Откуда: Киев

Re: анимированный переход вверх страницы при пагинации

Сообщение Venom4eg »

Если вы говорите что срабатывает при mouseover то проблема в том что происходит переход.
1. Переход точно без перезагрузки страницы?
2. Что в отладчике, есть какие-то js ошибки?
Аватара пользователя
Ivan Ozercov
Сообщения: 53
Зарегистрирован: 2012.03.21, 15:53
Откуда: Минск

Re: анимированный переход вверх страницы при пагинации

Сообщение Ivan Ozercov »

переход с перезагрузкой страницы.
в отладчике ошибок нет
Аватара пользователя
Ryadnov
Сообщения: 456
Зарегистрирован: 2010.06.20, 00:38
Откуда: Санкт-Петербург

Re: анимированный переход вверх страницы при пагинации

Сообщение Ryadnov »

уберите
return false;
Аватара пользователя
Venom4eg
Сообщения: 51
Зарегистрирован: 2011.09.26, 10:48
Откуда: Киев

Re: анимированный переход вверх страницы при пагинации

Сообщение Venom4eg »

Ivan Ozercov писал(а):переход с перезагрузкой страницы.
в отладчике ошибок нет
Если с перезагрузкой страницы, то браузер автоматом перемещает наверх страницы, так что либо сначала прокручивать вверх, а потом делать переход, либо переход аяксом
Аватара пользователя
Ivan Ozercov
Сообщения: 53
Зарегистрирован: 2012.03.21, 15:53
Откуда: Минск

Re: анимированный переход вверх страницы при пагинации

Сообщение Ivan Ozercov »

Venom4eg писал(а):
Ivan Ozercov писал(а):переход с перезагрузкой страницы.
в отладчике ошибок нет
Если с перезагрузкой страницы, то браузер автоматом перемещает наверх страницы, так что либо сначала прокручивать вверх, а потом делать переход, либо переход аяксом
спасибо,помогло
bender
Сообщения: 13
Зарегистрирован: 2015.10.07, 12:41

Re: анимированный переход вверх страницы при пагинации

Сообщение bender »

Код: Выделить всё

<a id="scrollTop"></a>
<?php 

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider,
    'afterAjaxUpdate' => 'function(){
$("html, body").animate({scrollTop: $("#scrollTop").position().top }, 100);}'

));

?>
просто и со вкусом.
Ответить