Перейти к содержанию

Стрелка вверх и вниз


lovemenow

Рекомендуемые сообщения

Доброго время суток,уважаемые форумачане! У меня появилась не большая проблемка не могу запустить "стрелку" вот исходный код! где я мог ошибиться!   

<div id="totopscroller"><i class="fa fa-border fa-2x fa-chevron-up totopscroller-top" style="display: inline-block;"></i>
        <a target="_self" href="https://konigen.ru" class="totopscroller-lnk"><i class="fa fa-border fa-2x fa-link"></i></a>
        <div>
          <i class="fa fa-border fa-2x fa-chevron-down totopscroller-bottom" style="display: block;"></i>
          <i class="fa fa-border fa-2x fa-chevron-left totopscroller-prev" style="display: none;"></i>
        </div></div>
<script type="text/javascript">
    $(function() {
        $('#totopscroller').totopscroller({
            link: 'https://konigen.ru/',
            toTopHtml: '<i class="fa fa-border fa-2x fa-chevron-up"></i>',
            toBottomHtml: '<i class="fa fa-border fa-2x fa-chevron-down"></i>',
            toPrevHtml: '<i class="fa fa-border fa-2x fa-chevron-left"></i>',
            linkHtml: '<a><i class="fa fa-border fa-2x fa-link"></i></a>',
        });
    })
</script>

#totopscroller {
    position: fixed;
    right: 2%;
    bottom: 40px;
    width: 40px;
    float: right;
    z-index: 9999;
    display: inline-block;
}
#totopscroller i:hover {
    cursor: pointer;
    color: #000;
  border: 1px solid #ddd;}
  #totopscroller i {
    cursor: pointer;
    color: #2089c0;
    font-size: 22px;
    width: 42px;
    text-align: center;
    background: transparent;
    z-index: 9999;
    border: 1px solid #dddddd;

}
#totopscroller div {
    position: relative;
}

Ссылка на комментарий
Поделиться на другие сайты

Есть плагин (IPSViet) Scroll to top поищите по сайту...

 

 

Ссылка на комментарий
Поделиться на другие сайты

Спасибо, но не знаю)что вы эти хотели сказать!) 

Ссылка на комментарий
Поделиться на другие сайты

Спасибо за помощь решил проблему!)))

Извините за беспокойство) 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...