2015-07-13 2 views
-5

, когда я хочу, чтобы обнаружить в нижней части моей страницы я использую этот код, который работал хорошо в тест-файл (ссылка ниже):scrollTop() определяет верхний вместо нижней

$(window).scroll(function() { 
    $(window).scrollTop() + $(window).height() == $(document).height(){ 
     alert(at bottom); 
    } 
} 

Но в моем окончательном файле тот же самый код определяет только прокрутку вверх. может ли кто-нибудь увидеть ошибку или обеспечить лучшее решение?

Ссылка на тест-файл: www.warthunder-skins.de/test/

Ссылка на обычный файл: www.warthunder-skins.de/skins/

+0

и вопрос? – RamRaider

+0

мой плохой, полностью забыл добавить свой вопрос. вопрос отредактирован –

+0

Вопрос непонятен ... Вы пытались использовать «scrollHeight», prop ('scrollTop', ...) или другие вещи? что вы попробовали? (((«Что я делаю неправильно?» не является ясным вопросом ...)))) – Julo0sS

ответ

0

Для обнаружения TOP

$(window).scroll(function() { 
     if ($(window).scrollTop() == 0) { 
      alert('at the TOP'); 
     } 
    }); 

Для обнаружения НИЖНИЙ

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert('at bottom'); 
    } 
}); 
+0

, который тот же самый код, который я использовал ... действительно ли вы даже прочитали вопрос/код? –

+0

ya я сделал !! сначала попробуйте это на новой странице! оно работает !! – Ramyz

+0

Я знаю, что код работает. мой тестовый файл имеет тот же код (который уже упоминался выше), и он работает. но когда я копирую и вставляю код в свой настоящий файл, он обнаруживает только верхнюю часть страницы –

0

это как некоторые из проблема с заголовком страницы

это ваша страница топ 7 строк, когда я смотреть-источник в моем браузере

<html><head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><br> 
<title>Warthunder Skins</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="keywords" content=""> 

Измените эти строки на это !!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Warthunder Skins</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="keywords" content=""> 
</head> 
<body> 

сейчас попробуйте !!!!

+0

thx для вашего решения. это как-то странно, потому что мой исходный код говорит в первой строке oO, я попробую. возможно, я должен создать новый файл и скопировать код ... кстати: больше не использовать xhtml;) –