Regulowanie scrollto

Question

Korzystam z biblioteki scrollto i mam problem, że navbar zasłania treść po przewinięciu.

$('#link1').click(function () { $.scrollTo($('#kontakt'), 500); });

Co mam zrobić żeby strona przewijała się do tego miejsca i np. 100px w górę?

Answer 1

Spróbuj dodać jako trzeci parametr obiekt z property offset, w którym z kolei będzie obiekt z property top: 100px (ewentualnie bez "px", lecz jako zwykła liczba, bo chyba jQuery tak to interpretuje).

Comments

Jak to zrobić? Bo w js nie jestem jeszcze za dobry

---

Według podlinkowanej wyżej dokumentacji całość powinna wyglądać jakoś tak:

$('#link1').click(function () {
  $.scrollTo($('#kontakt'), 500, {
    offset: {
      top: 100
    }
  });
});

Ewentualnie drugi parametr do metody scrollTo można też spakować do obiektu i wtedy:

$.scrollTo($('#kontakt'), {
  duration: 500,
  offset: {
    top: 100
  }
});

 

Answer 2

A może zamiast kombinować w JS, skorzystasz z CSS-a? https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top

Comments

niektóre przeglądarki tego nie wspierają... i w scrollto można dostosować więcej parametrów.

---

Ja widzę, że Safari ma jedynie jakiś problem, co można wykryć i zaaplikować polyfilla.

scrollto to biblioteka do scrollowania i byłoby źle, gdyby pozwalała ustawić jedynie margines z góry.