Как да си направим плавно превъртане на желаното място на страницата, като се използва JQuery
За да стане по-ясен, видим един пример:
Както се вижда от примера, ако кликнете върху «Услуги» връзката. Задействани автоматично превъртане, което ни движи към даден списък, в този случай на Услугите.
Как работи това
По принцип няма нищо сложно. Референтен Кодът на тази класа, последвано от натискане, за да преминете към нея ни подтикне към местоназначението, мястото трябва да се зададе един и същи клас, че позоваванията на кода. Само че този път с помощта на тагове
Тогава JQuery (кодов номер) влиза работа скрипт. Надявам се, че всичко е ясно обяснено :-) Но все пак, нека да видим как изглежда в HTML:
Кодът вече е присвоено към класа:
HTML код, където искате да преместите, след като кликнете на линка:
Както можете да видите, че кодът се отнася към класа
Сега най-важното нещо - е да се направи страницата по-гладко свитъци до желаното място. И за да направите това, ние ще използва JQuery.
JQuery скрипт
Сценарият, можете да добавите тагове
и . Или копиране, създаване на текстов документ, той влиза там и да я държи заедно с резолюцията на .js. И след това да я прикачите като това:По принцип, който сте избрали. А сега ето го и самия код JQuery:
Ако ще да попитам още клас кодови връзки, не забравяйте да използвате английски букви, в противен случай тя няма да работи.
Саша, аз не се получи ...
Искам да направя справка не на текст и картина. Правя odnostranichnik сайт в Dreamweaver. Сложете в ред, изготвяне на бутона (което трябва да послужи като отправна точка), а след това генерирания код в програмата вмъква връзка. Подозирам, че училището е тук, най-вероятно, объркването в кода.
Кодът изглежда така:
О, в моя код на вашата статия, можете да получите)))
(Open скоби) стр подравняване = »оправдае» стил = »размер на шрифта: 12pt; текст-приравни: център; »Lang =» ЖП-RU »XML: Lang =» ЖП-RU »> Услуги>
Проблем решен: толкова дълго, колкото сте се опитали да се напише код, който реализира касата))) Както и да е - благодаря ти!
Благодаря за статията, но все пак, така че това е удобен и разбираем Мисля, че трябва да се направят някои малки ощипвам. Аз например, случайно дойдох тук да му показва, че някои неща са подвеждащи, а именно: фраза като "Kodu връзка назначен клас" влиза в ступор дори и опитни програмисти, тъй като в този пример, класовете не се появяват - само приписват връзки [HREF = »# услуги»] и идентификатор т [J = »услуги»].
По отношение на представителството на кода, че няма да работи или, както е различен от този, представен в примера, а именно, той трябва да бъде опакован в
$ (Документ) .ready (функция () // кода си тук ...
>);
Това е, когато това наистина ще работи без въпрос :) Успех :)
И късмет на потребители, които всички ще се представят добре :)
Webstyler, съжалявам, аз имам проблем с ценностите, които ги имат, по никакъв начин не мога да си спомня :) Благодаря ви много!
Кажи ми как да се приложи следното - отидете на страницата и след това преминете към елемент с номер
Просто се прави позоваване на ИДОМ
Добре дошли! Prompt н-стотин как се прави това ще спрете превъртането на маркираните места на страницата. Нека да има голямо страница. и когато превъртате съдържанието, което дойде на правилното място, за да продължите да превъртате не е било възможно. Благодаря предварително!
Не е възможно да дори не знаят :(