Posted 25 августа, 201212 yr comment_9256 Название: Scroll To Top 1.0.1 Добавил: _Dark_ Добавлен: 25 Авг 2012 Категория: Хуки IP.Board 3.3.x Название по-русски : Плавная прокрутка вверх Хук заменяет стандартную кнопку Вверх, внизу страницы, на такую же, но с эффектом плавной прокрутки. Работоспособность проверена во всех популярных браузерах. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/ Share on other sites Больше вариантов
13 января, 201311 yr comment_18585 А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=18585 Share on other sites Больше вариантов
13 января, 201311 yr comment_18598 Такая тенденция замечена на многих зарубежных сайтах на wordpress. Как раз хочу прикрутить данную функцию к своему новому проекту. Как прикручу - отпишусь. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=18598 Share on other sites Больше вариантов
14 января, 201311 yr comment_18614 Спасибо, буду ждать На мой взгляд довольно полезная и нужная вещь. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=18614 Share on other sites Больше вариантов
20 февраля, 201311 yr comment_21951 Подниму тему. Respected, не получилось реализовать еще? Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=21951 Share on other sites Больше вариантов
26 марта, 201311 yr comment_25203 Можно скриптик написать... вот сам щас обдумываю как подкрутить себе на форум, в темах у меня он есть под Аватаром.. а вот в других приложениях нет( Пока в раздумьях. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=25203 Share on other sites Больше вариантов
26 марта, 201311 yr comment_25269 Завтра напишу инструкцию, если время свободное будет Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=25269 Share on other sites Больше вариантов
26 марта, 201311 yr comment_25271 А есть такой хук, только чтобы кнопка была сбоку, и появлялась-исчезала при прокрутке страницы? Где-то видел такое, но уже и не вспомню. Это на XenForo Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=25271 Share on other sites Больше вариантов
26 марта, 201311 yr comment_25272 на dle у меня было тоже и есть Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=25272 Share on other sites Больше вариантов
24 июля, 201311 yr comment_37319 Завтра напишу инструкцию, если время свободное будет напиши, очень надо Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=37319 Share on other sites Больше вариантов
26 июля, 201311 yr comment_37423 Живые есть ? Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=37423 Share on other sites Больше вариантов
1 августа, 201311 yr comment_38096 с недавнего времени перестала всплывать плавающая кнопка... Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=38096 Share on other sites Больше вариантов
4 августа, 201311 yr comment_38415 Завтра напишу инструкцию, если время свободное будет что то забросил и не пишешь :9 Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=38415 Share on other sites Больше вариантов
9 мая, 201410 yr comment_62943 Шеф, ну выложи гайдик про то как сделал себе чудо кнопочку. Спасибо. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=62943 Share on other sites Больше вариантов
9 мая, 201410 yr comment_62944 '?do=embed' frameborder='0' data-embedContent>> Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=62944 Share on other sites Больше вариантов
9 мая, 201410 yr comment_62960 Да не, это не то. Я хотел как здесь, и у меня получилось сделать самостоятельно, правда пришлось в коде полазить и стили посмотреть. Внешний вид => Ваш шаблон => Глобальные шаблоны => 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 Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=62960 Share on other sites Больше вариантов
16 июля, 201410 yr comment_68301 Теперь головняк с тем, чтобы сделать эту кнопку вниз, короче также как в ВК. Наживаешь наверх, она запоминает место, нажимаешь повторно, она возвращает на тоже место. Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=68301 Share on other sites Больше вариантов
2 марта, 20159 yr comment_82246 А с 3.4.6 работать будет? Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=82246 Share on other sites Больше вариантов
2 марта, 20159 yr comment_82258 А с 3.4.6 работать будет? установите и посмотрите Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=82258 Share on other sites Больше вариантов
30 марта, 20159 yr comment_84345 У меня с 3.4.7 работает Link to comment https://ipbmafia.ru/topic/1544-scroll-to-top-101/?&do=findComment&comment=84345 Share on other sites Больше вариантов
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.