Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

  • 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

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

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

Я тебя понял.

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

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

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

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

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

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

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

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

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

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

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

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

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

почему?

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

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

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

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

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

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

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.