• 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

Object Storage Arubacloud
0 głosów
151 wizyt
pytanie zadane 26 czerwca 2020 w HTML i CSS przez gmcode Gaduła (3,120 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,180 p.)

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

komentarz 26 czerwca 2020 przez gmcode Gaduła (3,120 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 342 wizyt
pytanie zadane 24 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
3 odpowiedzi 701 wizyt
pytanie zadane 1 sierpnia 2017 w HTML i CSS przez thedaw Obywatel (1,810 p.)
0 głosów
1 odpowiedź 158 wizyt
pytanie zadane 22 kwietnia 2016 w HTML i CSS przez TheVirus Początkujący (480 p.)

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...