_Dark_ Опубликовано 25 августа, 2012 Поделиться Опубликовано 25 августа, 2012 Название: Scroll To Top 1.0.1 Добавил: _Dark_ Добавлен: 25 Авг 2012 Категория: Хуки IP.Board 3.3.x Название по-русски : Плавная прокрутка вверх Хук заменяет стандартную кнопку Вверх, внизу страницы, на такую же, но с эффектом плавной прокрутки. Работоспособность проверена во всех популярных браузерах. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Kinkl Опубликовано 13 января, 2013 Поделиться Опубликовано 13 января, 2013 А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 13 января, 2013 Поделиться Опубликовано 13 января, 2013 Такая тенденция замечена на многих зарубежных сайтах на wordpress. Как раз хочу прикрутить данную функцию к своему новому проекту. Как прикручу - отпишусь. Kinkl 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Kinkl Опубликовано 14 января, 2013 Поделиться Опубликовано 14 января, 2013 Спасибо, буду ждать На мой взгляд довольно полезная и нужная вещь. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Kinkl Опубликовано 20 февраля, 2013 Поделиться Опубликовано 20 февраля, 2013 Подниму тему. Respected, не получилось реализовать еще? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mercurial Опубликовано 26 марта, 2013 Поделиться Опубликовано 26 марта, 2013 Можно скриптик написать... вот сам щас обдумываю как подкрутить себе на форум, в темах у меня он есть под Аватаром.. а вот в других приложениях нет( Пока в раздумьях. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 26 марта, 2013 Поделиться Опубликовано 26 марта, 2013 Завтра напишу инструкцию, если время свободное будет Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
jack007 Опубликовано 26 марта, 2013 Поделиться Опубликовано 26 марта, 2013 А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню. Это на XenForo Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by css-servera Опубликовано 26 марта, 2013 Поделиться Опубликовано 26 марта, 2013 на dle у меня было тоже и есть Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
jakondo Опубликовано 24 июля, 2013 Поделиться Опубликовано 24 июля, 2013 Завтра напишу инструкцию, если время свободное будет напиши, очень надо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
jakondo Опубликовано 26 июля, 2013 Поделиться Опубликовано 26 июля, 2013 Живые есть ? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Bichugan Опубликовано 1 августа, 2013 Поделиться Опубликовано 1 августа, 2013 с недавнего времени перестала всплывать плавающая кнопка... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
nrj45 Опубликовано 4 августа, 2013 Поделиться Опубликовано 4 августа, 2013 Завтра напишу инструкцию, если время свободное будет что то забросил и не пишешь :9 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
maltsme Опубликовано 9 мая, 2014 Поделиться Опубликовано 9 мая, 2014 Шеф, ну выложи гайдик про то как сделал себе чудо кнопочку. Спасибо. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 9 мая, 2014 Поделиться Опубликовано 9 мая, 2014 '?do=embed' frameborder='0' data-embedContent>> Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
maltsme Опубликовано 9 мая, 2014 Поделиться Опубликовано 9 мая, 2014 Да не, это не то. Я хотел как здесь, и у меня получилось сделать самостоятельно, правда пришлось в коде полазить и стили посмотреть. Внешний вид => Ваш шаблон => Глобальные шаблоны => includeJS <if test="minifyjs:|:$this->settings['use_minify']"> <if test="remoteloadjs:|:$this->settings['remote_load_js']"> <script type='text/javascript' src='<if test="usehttpsprototype:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script> <script type='text/javascript' src='<if test="usehttpsprototype:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js'></script> <script type='text/javascript' src='<if test="usehttpsscriptaculous:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/scriptaculous.js?load=effects,dragdrop,builder'></script> <else /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type='text/javascript' src='{$this->settings['js_base_url']}min/index.php?ipbv={$this->registry->output->antiCacheHash}&g=js'></script> </if> <script type='text/javascript' src='{$this->settings['js_base_url']}min/index.php?ipbv={$this->registry->output->antiCacheHash}&charset={$this->settings['gb_char_set']}&f={parse expression="PUBLIC_DIRECTORY"}/js/ipb.js,cache/lang_cache/{$this->lang->lang_id}/ipb.lang.js,{parse expression="PUBLIC_DIRECTORY"}/js/ips.hovercard.js,{parse expression="PUBLIC_DIRECTORY"}/js/ips.quickpm.js<if test="hasjsmodules:|:count($jsModules)">,{parse expression="PUBLIC_DIRECTORY"}/js/ips.{parse expression="implode('.js,' . PUBLIC_DIRECTORY . '/js/ips.', array_unique( array_keys( $jsModules ) ) )"}.js</if>' charset='{$this->settings['gb_char_set']}'></script> <else /> <if test="nominifyremoteloadjs:|:$this->settings['remote_load_js']"> <script type='text/javascript' src='<if test="nmusehttpsp:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script> <script type='text/javascript' src='<if test="nmusehttpsp:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js'></script> <else /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type='text/javascript' src='{$this->settings['js_base_url']}js/3rd_party/prototype.js'></script> </if> <script type='text/javascript' src='{$this->settings['js_base_url']}js/ipb.js?ipbv={$this->registry->output->antiCacheHash}&load=quickpm,hovercard,{parse expression="implode(',', array_unique( array_keys( $jsModules ) ) )"}'></script> <if test="nominifyremoteloadjs2:|:$this->settings['remote_load_js']"> <script type='text/javascript' src='<if test="nmusehttpss:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/scriptaculous.js?load=effects,dragdrop,builder'></script> <else /> <script type='text/javascript' src='{$this->settings['js_base_url']}js/3rd_party/scriptaculous/scriptaculous-cache.js'></script> </if> <script type="text/javascript" src='{$this->settings['cache_dir']}lang_cache/{$this->lang->lang_id}/ipb.lang.js?nck={$this->settings['noCacheKey']}' charset='{$this->settings['gb_char_set']}'></script> </if> {parse template="liveEditJs" group="global"} <if test="isLargeTouch:|:$this->registry->output->isLargeTouchDevice()"> <script type="text/javascript" src='{$this->settings['js_base_url']}js/3rd_party/iscroll/iscroll.js'></script> </if> <script type="text/javascript"> <!-- (function($){ $(function(){var e = $(".scrollTop"); var speed = 500; e.click(function(){ $("html:not(:animated), body:not(:animated)").animate({ scrollTop: 0}, speed); return false; }); function show_scrollTop(){ ($(window).scrollTop()>250 )?e.fadeIn(1000):e.hide(); } $(window).scroll( function(){show_scrollTop()} ); show_scrollTop(); }); })(jQuery) //--> </script> Теперь в globalTemplate после </head> <div class="scrollTop" style="display: block;"><div class="scrollTop__side"></div><div class="scrollTop__arrow"></div></div> ну и ipb_styles.css .scrollTop { display: none; position: fixed; width: 3%; top: 0; left: 0; height: 100%; z-index: 9000; cursor: pointer; } .scrollTop__side { position: fixed; width: 3%; height: 100%; top: 0; left: 0; background: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0.2); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } .scrollTop__arrow { position: fixed; width: 3%; height: 100%; top: 50px; left: 0; background: url(путь к файлу/стрелка.png) top no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter: alpha(opacity=0.4); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } У меня теперь идентично тому как здесь с лева, можно конечно в стилях поковыряться, но задача выполнена. Спасибо title="">__ipbmafia.ru ♥ Соня 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
maltsme Опубликовано 16 июля, 2014 Поделиться Опубликовано 16 июля, 2014 Теперь головняк с тем, чтобы сделать эту кнопку вниз, короче также как в ВК. Наживаешь наверх, она запоминает место, нажимаешь повторно, она возвращает на тоже место. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
mistudioru Опубликовано 2 марта, 2015 Поделиться Опубликовано 2 марта, 2015 А с 3.4.6 работать будет? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 2 марта, 2015 Поделиться Опубликовано 2 марта, 2015 А с 3.4.6 работать будет? установите и посмотрите Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
maltsme Опубликовано 30 марта, 2015 Поделиться Опубликовано 30 марта, 2015 У меня с 3.4.7 работает Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.