Показывать div только тогда, когда пользователь прокручивается до конца

Question

Показывать div только тогда, когда пользователь прокручивается до конца

0

Я играл с slideToggle и создал информационное окно в левой части моей веб-страницы, которое открывается, когда пользователь активирует "Click Here to Toggle!". HREF.

Я хочу, чтобы "Click Here to Toggle!" ссылка (которая содержится в ее собственном div), чтобы отображаться только тогда, когда пользователь прокручивается до самого верха страницы

Я прошу прощения за любую безобратичность, я медленно преподаю себе веб-дизайн для удовольствия :-)

благодаря

user2921646 26 окт. 2013, в 00:18

Источник

Теги:

jquery

html

css

scroll

slidetoggle

2 ответа

Ещё вопросы

Terry · Answer 1 · 2013-10-25T20-49-00.000Z

Вы можете зарегистрировать позицию прокрутки окна просмотра с помощью scrollTop() объекта window, а затем использовать логический оператор, чтобы определить, когда отображать ссылку в зависимости от значения scrollTop().

$(function() {
    $(window).scroll(function() {
        if($(window).scrollTop() > 0) {
            $("#target").hide();
        } else {
            $("#target").show();
        }
    });
});

Вот сценарий доказательной концепции - http://jsfiddle.net/teddyrised/sBNEJ/1/

Adam Rehill · Answer 2 · 2013-10-25T19-19-00.000Z

Не уверен, что это то, что вы ищете, но вы можете сделать что-то вроде:

$(window).scroll(function() {
  if($('html').offset().top == 0){
     $('#yourdiv').show();
  }else{
      $('#yourdiv').hide();
  }
});

Это отобразит div при прокрутке, а ваше положение вверху. Если вы прокрутите и ваша новая позиция не находится наверху, она скроет div.