Typo3: возможна ли стрелка прокрутки вниз в Typo3? Как реализовать? - PullRequest
Новая
       5

Typo3: возможна ли стрелка прокрутки вниз в Typo3? Как реализовать?

0 голосов
/ 07 января 2020

Здравствуйте, я ищу прокручивающуюся стрелку / якорь в Typo3, есть ли расширение или файл. html, где я могу реализовать такой код?

спасибо за вашу помощь:)

РЕДАКТИРОВАТЬ

Я использовал элемент содержимого по умолчанию html и создаю свою собственную стрелку прокрутки вниз с помощью некоторые html и css.

Пошаговое руководство:

  1. добавьте элемент содержимого с типом: html
  2. добавьте следующий html код 
<a href="http://localhost/diplo_stadler/typo3_src-9.5.13/?id=1#c316">
    <div class="drop-down-arrow">
        <span></span>
        <span></span>
    </div>
</a>
добавить следующий css код 
/*styling drop down arrow*/
.drop-down-arrow{
    position: relative;
    height:40px;
    width:40px;
    left: 50%;
    z-index:10;
    top:-70px;
    opacity:0;
    animation: showarrow 2s linear forwards;
    animation-delay:3s;
    margin-bottom:-3%;
}
.drop-down-arrow span{
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #f8f9fa;
    border-right: 3px solid #f8f9fa;
    transform: rotate(45deg);
    margin: -5px;
    animation: animate 1.5s infinite;
}
.drop-down-arrow span:nth-child(2){
    animation-delay: -0.15s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-15px,-15px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(15px,15px);
    }
}

@keyframes showarrow{
    from{opacity:0}
    to{opacity:1}
}

Имейте в виду, что это мой код, вы можете полностью его оформить так, как вам нравится.

Я надеюсь Я мог бы помочь вам, ребята ^^

...