Posted 25 августа, 201212 yr Название: Scroll To Top 1.0.1 Добавил: _Dark_ Добавлен: 25 Авг 2012 Категория: Хуки IP.Board 3.3.x Название по-русски : Плавная прокрутка вверх Хук заменяет стандартную кнопку Вверх, внизу страницы, на такую же, но с эффектом плавной прокрутки. Работоспособность проверена во всех популярных браузерах.
13 января, 201312 yr А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню.
13 января, 201312 yr Такая тенденция замечена на многих зарубежных сайтах на wordpress. Как раз хочу прикрутить данную функцию к своему новому проекту. Как прикручу - отпишусь.
26 марта, 201312 yr Можно скриптик написать... вот сам щас обдумываю как подкрутить себе на форум, в темах у меня он есть под Аватаром.. а вот в других приложениях нет( Пока в раздумьях.
26 марта, 201312 yr On 13.01.2013 at 19:33, Kinkl said: А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню. Это на XenForo
24 июля, 201311 yr On 26.03.2013 at 19:29, Respected said: Завтра напишу инструкцию, если время свободное будет напиши, очень надо
4 августа, 201311 yr On 26.03.2013 at 19:29, Respected said: Завтра напишу инструкцию, если время свободное будет что то забросил и не пишешь :9
9 мая, 201410 yr Да не, это не то. Я хотел как здесь, и у меня получилось сделать самостоятельно, правда пришлось в коде полазить и стили посмотреть. Внешний вид => Ваш шаблон => Глобальные шаблоны => 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
16 июля, 201410 yr Теперь головняк с тем, чтобы сделать эту кнопку вниз, короче также как в ВК. Наживаешь наверх, она запоминает место, нажимаешь повторно, она возвращает на тоже место.
2 марта, 201510 yr On 02.03.2015 at 18:55, mistudioru said: А с 3.4.6 работать будет? установите и посмотрите
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.