Имею код кнопки прокрутки страницы вниз до якоря '#bottom', страница до якоря прокручивается, но кнопка не скрывается.
Как вставить '#bottom' вместо 111 в "scrollTop () < 111 и в scrollTop() >111 ?
Варианты: '#bottom' , ('#bottom') , "#bottom" , ("#bottom"), и тоже но без "#" не работают.
Мой код:
<html><head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery(document).ready(function() {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > '#btnbottom') {
jQuery('#btnbottom').fadeOut(811);}
if (jQuery(this).scrollTop() < '#btnbottom') {
jQuery('#btnbottom').fadeIn(811);}});
jQuery('#btnbottom').click(function(){jQuery("html,body").animate({scrollTop:jQuery('#bottom').offset().top}, "slow");});});
</script>
</head>
<body>
<b>Верх</b>
<br><br>
<a style="position:fixed;cursor:pointer;" id="btnbottom" title="Вниз страницы"><b style="color:#DA1313;">Нажми меня. Кнопка в Низ :-)</b></a>
<p style="margin-top:688px;" id="bottom"></p>
<div style="margin-top:811px;">
<h2>Welcome in Bottom! :-)</h2>
</div>
<div style="margin-top:8px;">
<b>Низ</b>
</div>
<div style="margin-top:588px;">
<b>Полный Низ</b>
</div>
</body>
</html>
Примечание:
FreeZOn- Ещё раз СПАСИБИЩЕ тебе за неоднократные отклики! Все работает в Chrom, Firefox и Opera. Добавил "смайл" после function(. Спасибо))!
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.