Переход на блоки при клике

@karandashbest · Регистрация: 17.05.2013

Студворк — интернет-сервис помощи студентам

Подскажите готовый jQuery скрипт, который при клике на путнк меню переходил на блок <div class = "Main-Content">

@sash · 21.09.2015, 19:20

Пробуй сам сначала, так круче будет. Обьясни для начала как переходил? Плавно чтобы сьезжал вниз к блоку или что?

@fanatikus · 21.09.2015, 20:22

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function () {
    $("a").click(function (e) {
        e.preventDefault();
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        $('body,html').animate({ scrollTop: destination }, 2100); 
    });
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<a href="#bottom_div">Вниз</a>
<div id="top_div">Верхний контейнер</div>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<a href="#top_div">Вверх</a>
<div id="bottom_div">Нижний контейнер</div>

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@karandashbest 2 / 2 / 1 Регистрация: 17.05.2013 Сообщений: 688

	Переход на блоки при клике 21.09.2015, 08:39. Показов 3258. Ответов 2 Метки нет (Все метки) Подскажите готовый jQuery скрипт, который при клике на путнк меню переходил на блок <div class = "Main-Content"> 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	21.09.2015, 19:20
	Пробуй сам сначала, так круче будет. Обьясни для начала как переходил? Плавно чтобы сьезжал вниз к блоку или что? 0

Переход на блоки при клике

Решение