Jump to content

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

Featured Replies

Posted
comment_137594

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

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

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.