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

question-closed Odnośniki na stronie niżej niż założono

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
156 wizyt
pytanie zadane 16 maja 2017 w HTML i CSS przez SandraS Obywatel (1,400 p.)
zamknięte 24 maja 2017 przez SandraS
Mam u góry strony dość wysokie menu - na 100px. Klikając w odnośniki przenoszę się do odpowiednich elementów strony za pomocą #. Przez ujecie menu w fixed wszystko poszło mi do góry i klikając np. w ,,o nas" w menu -> zjeżdża mi do tego elementu strony, jednak główny tytuł jest i tak za menu ( u góry). Chciałabym aby po wciśnięciu odnośnika - przenosiło mnie do odpowiedniego # na stronie ale dodatkowo  jeszcze dodawało z 200px od góry aby wyświtlało mi te elementy od środka strony. Czy ktoś rozumie mój problem?
komentarz zamknięcia: znalazłam odpowiedź

2 odpowiedzi

0 głosów
odpowiedź 16 maja 2017 przez pablop76 VIP (123,460 p.)
wybrane 24 maja 2017 przez SandraS
 
Najlepsza

Witam.


$('a[href^="#"]').click(function() {//przewijanie strony
        var hash = $(this).attr('href');
        $('html, body').animate({
            scrollTop: $(hash).offset().top-200
        }, 1500);
        return false;
    });//koniec przewijania do #

.top-200 to jest to o co C i chodzi.

0 głosów
odpowiedź 16 maja 2017 przez radek024 Szeryf (77,160 p.)

Możesz to załatwić za pomocą padding-top - ustalasz go na wysokość menu+kilka px przestrzeni pomiędzy samym paskiem menu a tekstem.

komentarz 16 maja 2017 przez SandraS Obywatel (1,400 p.)
Ustaliłam górny padding na wysokość tego menu, ale nie mogę zaingerować bardziej bo to projekt szablonowy, cięty z psd, ma być taki sam. Może da się to zrobić za pomocą JavaScriptu?
komentarz 16 maja 2017 przez radek024 Szeryf (77,160 p.)

Nie wiem w jaki sposób się odwołujesz do elementu, jeżeli poprzez inny element(nie zawierający treści), możesz go wystylizować tak, aby był kilkanaście pixeli wyżej(np.: poprzez position: absolute). Osobiście jeżeli miałbym wybierać pomiędzy dodatkowym kodem w JSie a dodaniem kilku pixeli do szablonu wybrałbym to drugie - ale z JSem na pewno da się to zrobić :)

Podobne pytania

–4 głosów
2 odpowiedzi 247 wizyt
0 głosów
1 odpowiedź 158 wizyt
0 głosów
1 odpowiedź 121 wizyt

93,109 zapytań

142,087 odpowiedzi

321,610 komentarzy

62,450 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!

...