javascript<\/p>\n
JQuery<\/a> ma por\u0119czn\u0105 funkcj\u0119 prototype animate<\/strong>, kt\u00f3ra jako pierwszy parametr przyjmuje ko\u0144cowe w\u0142a\u015bciwo\u015bci CSS<\/a>, a jako drugi parametr pr\u0119dko\u015b\u0107, np. \u201eszybko", \u201ewolno” lub okre\u015blony interwa\u0142 czasowy. Trzeci parametr jest opcjonalnym wywo\u0142aniem zwrotnym po animacji sko\u0144czone.<\/p>\n Na mojej osobistej stronie internetowej<\/a> ostatnio przeprojektowa\u0142em wygl\u0105d strony, aby by\u0142a w pe\u0142ni przyjazna dla u\u017cytkownik\u00f3w mobilnych<\/a>. W sta\u0142ych pozycjach ekranu znajduj\u0105 si\u0119 dwa \u0142\u0105cza: \u201eNawigacja” i \u201eG\u00f3ra”.<\/p>\n Menu nawigacyjne znajduje si\u0119 po g\u0142\u00f3wnej zawarto\u015bci strony, dlatego nale\u017cy zdefiniowa\u0107 div<\/strong> za pomoc\u0105 np. id=’navigate’. Nast\u0119pnie dodaj nast\u0119puj\u0105cy kod JQuery .<\/a><\/p>\n Najpierw musisz zdefiniowa\u0107 kotwic\u0119 za pomoc\u0105 np<\/p>\n Umie\u015b\u0107 to zaraz po i dodaj nast\u0119puj\u0105cy kod JQuery :<\/a><\/p>\n zw\u00f3j<\/p>\nvar properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\nNawigacja<\/h3>\n
$(\"a[href='#navigate']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:$(\"div#navigate\").offset().top}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\nTop<\/h3>\n
<a name='top'><\/a><\/code><\/pre>\n$(\"a[href='#top']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:0}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\n