Скачать Плагин Кнопка вверх+

ranffly · 17 Янв 2018

Стоит 50 рублей, но вдруг пригодиться кому.

Скачать:

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

AVF22 · 11 Авг 2020

Здравствуйте!
Поставил данный плагин на версию могуты 9.3.0. и обнаружил, что плагин не работает (как и все остальные плагины "кнопки вверх").
Причина, на мой взгляд, кнопка находится не в верхнем слое. Она залазит под слайдер (Конструктора слайдов). Соответственно при клике мышкой ни какой реакции.
Может кто знает, как устранить косяк?
Мне просто не по силам. :cb:

MRX · 11 Авг 2020

AVF22 написал(а):
Может кто знает, как устранить косяк?
Мне просто не по силам.

Вот щас поставил на шаблон Саншайн, Гипер 9.3.0 - кнопка работает. Шорткод ткнул куда попало )) жмак

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

AVF22 · 11 Авг 2020

У меня шаблон Platos, но он здесь не причём.
Я пробовал на разных шаблонах и даже на виртуальном хостинге могуты (у них там 9.0.0.) создавал демо сайт, но ни одна стрелка (scrolltop все версии и up-button), при включенном "Конструкторе слайдов", не работают. Творения Даши Чуркиной, скачанные с маркетплейса, вообще, даже не отображаются.
Попробуйте с "Конструктором слайдов". Буде стрелка прокручивать страницу?

MRX · 11 Авг 2020

AVF22 написал(а):
Попробуйте с "Конструктором слайдов". Буде стрелка прокручивать страницу?

Попробуйте сами

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

ign81 · 12 Авг 2020

зачем из-за такой ерунды вообще плагин? там на яскрипте пару строк всего.

AVF22 · 12 Авг 2020

ign81 написал(а):
там на яскрипте пару строк всего

А по конкретнее можно.
"Я ещё не волшебник, я только учусь".

ⓜⓨⓤⓢⓛⓘ · 12 Авг 2020

AVF22 написал(а):
А по конкретнее можно.
"Я ещё не волшебник, я только учусь".

HTML:

<div class="scrollup">
  <!-- Иконка fa-chevron-up (Font Awesome) -->
  <i class="fa fa-chevron-up"></i>
</div>

CSS:

div.scrollup {
  position: fixed; /* фиксированная позиция */
  color: #fff; /* цвет текста */
  background-color: #286090; /* цвет заднего фона */
  right: 20px; /* расстояние от правого края */
  bottom: 0px; /* расстояние от нижнего края */
  padding: 4px 10px; /* отступы до содержимого блока */
  font-size: 20px; /* размер шрифта (иконки) */
  border-top-left-radius: 4px; /* скругление верхнего левого угла */
  border-top-right-radius: 4px; /* скругление верхнего правого угла */
  cursor: pointer; /* форма курсора */
  display: none; /* не отображать элемент */
  text-align: center; /*выравнивание содержимого элемента по центру */
}
div.scrollup:hover {
  background-color: #000; /* цвет заднего фона при наведении */
}

JavaScript:

<script>
$(function() {
  // при нажатии на кнопку scrollup
  $('.scrollup').click(function() {
    // переместиться в верхнюю часть страницы
    $("html, body").animate({
      scrollTop:0
    },1000);
  })
})
// при прокрутке окна (window)
$(window).scroll(function() {
  // если пользователь прокрутил страницу более чем на 200px
  if ($(this).scrollTop()>200) {
    // то сделать кнопку scrollup видимой
    $('.scrollup').fadeIn();
  }
  // иначе скрыть кнопку scrollup
  else {
    $('.scrollup').fadeOut();
  }
});
</script>

В примере использована иконка fa-chevron-up из шрифта Font Awesome.

AVF22 · 12 Авг 2020

Отлично!
А куда это всё воткнуть?
HTML - понятно, а CSS и JS? В какие файлы?
Извиняюсь за глупые вопросы, иначе не как.

ⓜⓨⓤⓢⓛⓘ · 13 Авг 2020

AVF22 написал(а):
Отлично!
А куда это всё воткнуть?
HTML - понятно, а CSS и JS? В какие файлы?
Извиняюсь за глупые вопросы, иначе не как.

Можно так же в главный файл типа "main, header, footer" главное:

Css код заключить в теги
<Css>
Code
</Css>

Скрипт
<script>
Code
</script>

Это все стандарт в самых первых ураках по созданию сайтов найдете в гугл. Куда именно (в какой файл) "обычный код", вставлять в могуте, подсказать не могу. так как лично с ней не знаком.

Так же сам скрипт может не выполнять свои функции от местоположения своего.

Нужно попробовать вставить сам код скрипта как вверх перед <head> так и в низ страницы/кода, где-то возле тега <footer>. <body>.

А так в принципе любой скрип/код, можно внедрить везде и всюду практически. Не обязательно нужен именно модуль для этого...

AVF22 · 17 Авг 2020

Всем спасибо, за оказанную помощь!
Но проблема, пока, не решена. Стрелка появляется на несколько секунд, в момент загрузки страницы, и исчезает.
Буду копаться дальше. Как разберусь, сообщу.

ⓜⓨⓤⓢⓛⓘ · 17 Авг 2020

AVF22 написал(а):
Всем спасибо, за оказанную помощь!
Но проблема, пока, не решена. Стрелка появляется на несколько секунд, в момент загрузки страницы, и исчезает.
Буду копаться дальше. Как разберусь, сообщу.

Нужно копать в сторону скриптов. У вас стоит лоадер загрузки страниц? Если да мне кажется и за него может быть такая проблема.

AVF22 · 17 Авг 2020

На шаблонах moguta и moguta-standard работает. Значит дело в шаблоне platos.