Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
1 / 1 / 4
Регистрация: 29.07.2010
Сообщений: 211

Не работает $('body').animate

23.12.2014, 17:51. Показов 2469. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
сам скрипт - для перехода по якорям
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
$(document).ready(function() {
  $('#menu a[href^="#"]').click(function(){
      $('a').removeClass('active');
        var el = $(this).attr('href');
        $(this).toggleClass("active");
        $('body,html').animate({
            scrollTop: $(el).offset().top}, 1000);
            $('body,html').animate({
            scrollTop: $(el).offset().top-180}, 1000);
            
        return false; 
});
 });
</script>
В мозиле работает, в хроме и опере на при нажатии на ссылку не осуществяется переход. Буквально день назад всё работало, теперь перестал. пробовал и $('body').animate
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.12.2014, 17:51
Ответы с готовыми решениями:

document.body.innerHTML=document.body.innerHTML
Можно ли в HTML5 + Javascript + CSS сделать так чтобы присваивание document.body.innerHTML=document.body.innerHTML поломало стили? PS:...

NestJS/Swagger. Как правильно описать body параметр, что бы он отображался в документации как параметр body
Доброго времени суток, документирую проект и упёрся в недостаток знания. При описании get запросов, декорировал поля в Dto декоратором...

Не работает animate
Вот этот код не работает, не пойму почему: &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script...

2
tribal dance
 Аватар для EPMAK
168 / 156 / 36
Регистрация: 03.09.2009
Сообщений: 820
Записей в блоге: 17
24.12.2014, 20:19
body сплющило до высоты окна или еще меньше. смотрите body or html height.
0
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571
24.12.2014, 21:36
Лучший ответ Сообщение было отмечено sergm87 как решение

Решение

Попробуй этот
JavaScript
1
2
3
4
5
6
7
  $('a[href^=#]').bind("click", function(e){
      var anchor = $(this);
      $('html, body').stop().animate({
         scrollTop: $(anchor.attr('href')).offset().top
      }, 2000);
      e.preventDefault();
   });
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.12.2014, 21:36
Помогаю со студенческими работами здесь

Animate не работает
Помогите пожалуйста У меня на этой странице http://dsc-pride.ru/ в хедере есть меню, при наведении на пункт которого должен перемещаться...

Не работает animate
Доброго времени суток. Столкнулся с такой проблемой: не срабатывает эффект animate, по отношению к свойствам opacity и marginTop, в...

Animate CC HTML5 анимация норм. работает в режиме теста и ломается при открытии в браузере после публикации
Приветствую, господа форумчане! Я нубище! Ни языков программирования, ни скриптинга не знаю. Я вроде как зародыш будущего художника и...

Почему animate не работает с разными свойствами ?
День добрый! Если пишу так, то всё рабатает $(&quot;.blog&quot;).css({&quot;background-color&quot;:&quot;green&quot;}).animate({&quot;opacity&quot;:0.2}, 500 ); ...

JS работает в body, но не работает в head
Вот так не работает: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Тест Knockout&lt;/title&gt; &lt;meta...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru