• 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

VPS Starter Arubacloud
0 głosów
160 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,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,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 370 wizyt
pytanie zadane 24 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
3 odpowiedzi 717 wizyt
pytanie zadane 1 sierpnia 2017 w HTML i CSS przez thedaw Obywatel (1,810 p.)
0 głosów
1 odpowiedź 172 wizyt
pytanie zadane 22 kwietnia 2016 w HTML i CSS przez TheVirus Początkujący (480 p.)

92,768 zapytań

141,693 odpowiedzi

320,510 komentarzy

62,106 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

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!

...