Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.01.2017, 15:28
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

Не работает scrollTop() на сайте
Добрый день, обнаружил проблему которая ввергла меня в панику))

есть вот такой вот, простенький скрипт:
$(document).ready(function(){ 
	$('a[href*="#"]').bind("click", function(e){ 
		var anchor = $(this); 
		$('body').animate({ 
			scrollTop: $(anchor.attr('href')).offset().top
		}, 1000);
		return false;
	});
});


Он обеспечивает плавный переход по якорной ссылке. Всегда работал, а тут как по волшебству перестал. И консоль нечего не выдает, просто при нажатии на якорную ссылку нечего не проходит.

Я стал пошагово разбираться в чем же дело и обнаружил что scrollTop() просто не работает.

То есть беру к примеру, вот это:
$('body').animate({ 
	scrollTop: $(anchor.attr('href')).offset().top
}, 1000);


меняю переменную anchor.attr('href'), на реальный существующий id блока. получается:
$('body').animate({ 
	scrollTop: $('#news').offset().top
}, 1000);


И запускаю все это дело через консоль - нечего.

Пошел дальше, написал парочку скриптов в которых используется scrollTop(), например вот этот:
$(window).on('scroll', function() {
	if ($(window).scrollTop() + $(window).height() > $('#news').outerHeight()) {
		console.log('я тут')
	}
});


Тоже нечего, от сюда проситься вывод что scrollTop() не работает на данном сайте. Причину понять я не могу, помогите пожалуйста разобраться.

На всякий случай, ссылка на сайт
Ответить с цитированием
  #2 (permalink)  
Старый 08.01.2017, 16:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,321

smart-create,
после строки
<script src="library/js/bootstrap.min.js"></script>

$ работать не будет -- эту строку перенести вниз страницы - либо все $ поменять на jQuery
исправить ошибки в html -- и в ссылках указывать только hash

1500 описание вашей беды и всех любителей bootstrap
Ответить с цитированием
  #3 (permalink)  
Старый 08.01.2017, 16:40
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

рони, перенес строку с бутстрапом в самый конец, не помогло (попробовал и удалить её вообще, и $ поменять на jQuery, все равно не работает)
Ответить с цитированием
  #4 (permalink)  
Старый 08.01.2017, 16:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,321

Сообщение от smart-create
все равно не работает
работает!!!
Ответить с цитированием
  #5 (permalink)  
Старый 08.01.2017, 16:52
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

рони, кажется понял, я смотрю через оперу - не работает, посмотрел через мозилу - там работает, но не правильно работает.
Допустим, если находиться в самом начале страницы, то кнопка "Забронировать номер" или "Пролистайте вниз" отработают правильно, НО если немного проскролить вниз попробуйте нажать на них, "Забронировать номер" - не докинет до нужного блока пикселей на 250, а "Пролистайте вниз", наоборот поднимет вверх.

Также и с остальными кнопками.
Повторюсь, в Опере и Хроме вообще не работает...
Ответить с цитированием
  #6 (permalink)  
Старый 08.01.2017, 17:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,321

smart-create,
Сообщение от рони
исправить ошибки в html
без этого дальше, сложно.
и смотрите в консоль.
Ответить с цитированием
  #7 (permalink)  
Старый 08.01.2017, 17:17
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

рони, не совсем понимаю о каких ошибках Вы говорите?

и консоль молчит, там нечего
Ответить с цитированием
  #8 (permalink)  
Старый 08.01.2017, 17:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,321

smart-create,
https://validator.w3.org/nu/?doc=htt...bavaria.net%2F
править всё не обязательно, но хотябы страницу признали за html
Цитата:
Error: Тип данного документа не HTML: undefined
Ответить с цитированием
  #9 (permalink)  
Старый 08.01.2017, 18:10
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

рони, исправил все что мог, осталось 74 ошибки, но они все однотипные и каждая из них обусловлена бутстрапом

И снова прошу прощения за не понимание, ошибки я по убирал, но вот этого так и не понял:
"Error: Тип данного документа не HTML: undefined"
Ответить с цитированием
  #10 (permalink)  
Старый 08.01.2017, 18:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,321

smart-create,
<link href="library/css/slidefolio.css?v=4" rel="stylesheet" />
тут смотрите -- если убрать всё работает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
scrollTop не работает deepslam jQuery 9 15.09.2013 17:39
Ajax при заходе на страницу из поисковика - не работает Алексей_ГР Ваши сайты и скрипты 2 03.09.2013 00:03
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как работает видео на сайте? arq12 Flash 2 22.12.2011 14:41
Новости на сайте! Не работает скрипт! neurostep Общие вопросы Javascript 1 11.04.2008 14:18