• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Button - naciśnięcie przejście

Aruba Cloud - Virtual Private Server VPS
0 głosów
218 wizyt
pytanie zadane 26 czerwca 2020 w HTML i CSS przez gmcode Gaduła (3,140 p.)
Czy można stworzyć button w HTML i nie używając JavaScriptu zainicjować przeskok do odpowiedniego miejsca na tej samej stronie. Czy jest mi ktoś w stanie wytłumaczyć jak to zrobić w kodzie?

1 odpowiedź

+1 głos
odpowiedź 26 czerwca 2020 przez PanPrezes Obywatel (1,520 p.)
edycja 26 czerwca 2020 przez PanPrezes

tak,<a href="#anchor" class="myButton">text</a>

<a name="anchor">

przycisk przeskakuje do anchor'a

można dodać do css

scroll-behavior: smooth;

aby ładniej się scrolowało

1
komentarz 26 czerwca 2020 przez pablop76 VIP (123,540 p.)

Atrybut name jest przestarzały w HTML5, zamiast niego użyj globalnego atrybutu id.

komentarz 26 czerwca 2020 przez gmcode Gaduła (3,140 p.)

@PanPrezes, samo przejście pod wyznaczone miejsce działa. Natomiast po wpisaniu w CSS

scroll-behavior: smooth; nie działa smooth przejście.

Moim założeniem jest ze gdy kursor pojawi sie nad przyciskiem przycisk będzie w kolorze białym a następnie po naciśnięciu przejdzie powoli do wyznaczonego miejsca 

header div .button
{
    font-family: 'Saira', sans-serif;
    font-weight: 300px;
    line-height: 32px;
    padding: 0 20px;
    text-transform: uppercase;
    color: black;
    font-size: 15px;
    border: 2px solid black;
    border-radius: 20px;
    scroll-behavior: smooth;
    text-decoration: none;
    
}

header div .button:hover
    {
        background-color: white;
        scroll-behavior: smooth;
    }

 

Podobne pytania

+1 głos
2 odpowiedzi 652 wizyt
pytanie zadane 24 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
3 odpowiedzi 939 wizyt
pytanie zadane 1 sierpnia 2017 w HTML i CSS przez thedaw Obywatel (1,810 p.)
0 głosów
1 odpowiedź 220 wizyt
pytanie zadane 22 kwietnia 2016 w HTML i CSS przez TheVirus Początkujący (480 p.)

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,663 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...