• 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
162 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,240 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 410 wizyt
pytanie zadane 24 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
3 odpowiedzi 725 wizyt
pytanie zadane 1 sierpnia 2017 w HTML i CSS przez thedaw Obywatel (1,810 p.)
0 głosów
1 odpowiedź 174 wizyt
pytanie zadane 22 kwietnia 2016 w HTML i CSS przez TheVirus Początkujący (480 p.)

92,851 zapytań

141,792 odpowiedzi

320,882 komentarzy

62,183 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 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...