Jump to content

Кнопка вверх как ipbmafia.ru

Featured Replies

По-моему,  начиная  с версии 4.2 неактуально 

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=143591
Share on other sites
8 часов назад, Septimus сказал:

По-моему,  начиная  с версии 4.2 неактуально 

наверное

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=143594
Share on other sites
  • 4 years later...
В 06.12.2015 в 17:05, andros0789 сказал:

Это перед </body>

<div class="scrolltotop" style="display: block;">
  <div class="scrolltotop__side"></div>
  <div class="scrolltotop__arrow"></div>
</div>

А это перед </head>

<script type="text/javascript">
   jQuery(document).ready(function(){
			   jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
          jQuery(window).scroll(function(){
            if (jQuery(this).scrollTop() > 350) {
                   jQuery('.scrolltotop').fadeIn();
            } else {
                   jQuery('.scrolltotop').fadeOut();
            }
        });
           jQuery('.scrolltotop').click(function(){
              jQuery("html, body").animate({ scrollTop: 0 }, 50);
            return false;
        });
    });0
</script>

Это в ваш стиль custom (изображение прикрепил к комменту)

.scrolltotop {
     display: none;
     position: fixed;
     width: 7%;
     top: 0;
     left: 0;
     height: 100%;
     z-index: 9000;
     cursor: pointer
 }
 .ipsTooltip a:hover {
     color: #fff;
     text-decoration: none;
     border-bottom: 0
 }
 .scrolltotop__side {
     position: fixed;
     width: 7%;
     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
 }
 .scrolltotop__arrow {
     position: fixed;
     width: 7%;
     height: 100%;
     top: 50px;
     left: 0;
     background: url(/uploads/totop.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
 }

 

totop.png

Ерунда получилось, просто темная полоса с левой стороны, на всю страницу.

Почему так?

 

 

updown.png

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183459
Share on other sites
16 минут назад, Anche сказал:

Почему так?

потому что 2015 год и раньше было так.

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183461
Share on other sites
1 минуту назад, by_ix сказал:

потому что 2015 год и раньше было так.

Я тебя понял.

А как в 2022, осуществить такую кнопку как здесь, не подскажешь?

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183462
Share on other sites

ещё и ещё:

Спойлер

1180887883_Scrollupanddown.png.c669a5e23f775db0dcd4846b61d1620d.png

Scroll up and down.xml

Edited by by_ix

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183464
Share on other sites
19 минут назад, by_ix сказал:

Установил плагин, кнопка появилась. Но она квадратная.

И изменить ее не получается.(

Вот у меня вот эта стоит, но почему изменить ее не могу.(

https://ipbmafia.ru/files/file/1689-sb-backtotop-105/

1 минуту назад, Anche сказал:

Установил плагин, кнопка появилась. Но она квадратная.

И изменить ее не получается.(

Вот у меня вот эта стоит, но почему изменить ее не могу.(

https://ipbmafia.ru/files/file/1689-sb-backtotop-105/

И файл который ты прикрепил, скачать нельзя.)

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183465
Share on other sites
2 минуты назад, Anche сказал:

И изменить ее не получается.(

почему?

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183466
Share on other sites
Только что, by_ix сказал:

почему?

Не знаю, прописываю коды кнопки в custom, коды пишу такие же как на ipb кнопке, только цвета ставлю свои.

Изменения не происходят.

То-есть ни цвет, не форма кнопки, ни задний фон, ничего не меняется. Остается как и была при установке плагина.

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183467
Share on other sites

Anche какую кнопку используете-то? 

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183468
Share on other sites
1 минуту назад, by_ix сказал:

Anche какую кнопку используете-то? 

Вот эту.)

 

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183469
Share on other sites

Anche не надо в кастом ничего прописывать.
globaltop.css в поиск css.
и классу .back-to-top добавьте border-radius: 30px;.

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183470
Share on other sites
52 минуты назад, by_ix сказал:

Anche не надо в кастом ничего прописывать.
globaltop.css в поиск css.
и классу .back-to-top добавьте border-radius: 30px;.

Спасибо, а на мобильной версии, в каком шаблоне исправлять?

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183474
Share on other sites
1 минуту назад, by_ix сказал:

Anche в том же.

В самом низу получается?

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183476
Share on other sites

Anche через код элемента проверяйте.

Link to comment
https://ipbmafia.ru/topic/13020-knopka-vverh-kak-ipbmafiaru/?&do=findComment&comment=183477
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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.