[Stratocaster00]

Cześć.

Jak robię odnośnik do jakiegoś diva w stylu ABOUT to jak zrobić żeby strona zjechała na dół do tego diva o id="about" ale dodatkowo np. o 100px niżej/wyżej?

Proszę o pomoc i pozdrawiam serdecznie

#webdev
#webdesgin
#css
#css3
#html
#html5
#javascript

[Rst00]

@Stratocaster00: js

[MQs]

@Stratocaster00: Pobaw się marginesami/paddingiem

[Zaithz]

@Stratocaster00: opakuj go innym divem który będzie miał 100px paddingu i odnoś się do tego nowego

[CeZiK_]

@Stratocaster00: w razie czego:

https://webroad.pl/javascript/182-jquery-plynne-przewijanie-strony-smooth-scrolling

[Szatula]

@Stratocaster00: $('html, body').animate({
scrollTop: $("#about").offset().top + 100 (albo - 100)

}, 1000,function(){
console.log("funkcja sie wykonala");
});

[Stratocaster00]

@Szatula: Dzięki, dzisiaj przetestuję( ͡° ͜ʖ ͡°)

[Szatula]

@Stratocaster00 spoko w razie pytan pisz priv xD

[Stratocaster00]

@Szatula: Wrzuciłem do head i nie działa ten offset :(

[Szatula]

@Stratocaster00 zamknij ta funkcje w document get ready

[Stratocaster00]

@Szatula: nie wiem co to znaczy xd

[Szatula]

@Stratocaster00:

$(function(){
$('html,body').animate({ scrollTop: $("#divoffer").offset().top + 500},1000,function(){
console.log("FUNKCJA

[Szatula]

@Stratocaster00: http://learn.jquery.com/using-jquery-core/document-ready/

[Stratocaster00]

@Szatula wklejam ten kod po prostu do Heada bez importowania jakichkolwiek bibliotek itp i po prostu nie działa, chyba gdzieś musi być błąd, literówka czy coś

[Szatula]

@Stratocaster00: To nie zaimportowałeś Jquery? XD naucz się uzywać konsoli, wklej to: