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

[Septimus]

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

[WOLF]

8 часов назад, Septimus сказал:

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

наверное

[Maqlao]

В 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
 }

 

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

Почему так?

 

 

[by_ix]

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

Почему так?

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

[Maqlao]

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

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

Я тебя понял.

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

[by_ix]

Anche раз, два, три, четыре.

[by_ix]

ещё и ещё:

Спойлер

Scroll up and down.xml

Изменено 19 июля, 2022 пользователем by_ix

[Maqlao]

19 минут назад, by_ix сказал:

Anche раз, два, три, четыре.

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

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

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

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

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

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

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

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

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

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

[by_ix]

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

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

почему?

[Maqlao]

Только что, by_ix сказал:

почему?

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

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

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

[by_ix]

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

[Maqlao]

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

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

Вот эту.)

 

[by_ix]

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

[Maqlao]

52 минуты назад, by_ix сказал:

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

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

[by_ix]

Anche в том же.

[Maqlao]

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

Anche в том же.

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

[by_ix]

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