Исправленный плавающий Div Jquery

0

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

<div id="floatdiv" style="position:absolute;top:200px;left:58%;margin-left:235px;width:200px;">
</div>

var name = "#floatdiv";
    var menuYloc = null;
    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px")))

$(window).scroll(function () {
 offset = menuYloc + $(document).scrollTop() + "px";
        $(name).animate({ top: offset }, { duration: 500, queue: false });
});

Я хочу дать top: 200px в случае прокрутки до конца и прокрутки до вершины. Или предложить некоторый альтернативный код для фиксированного плавающего div

Теги:

1 ответ

1
Лучший ответ

Понимаю ли я это право:

Вам нужен DIV, который фиксируется на вершине 200 пикселей и оставляет 235 пикселей. Он должен оставаться на этом месте в окне, пока вы прокручиваете.

Почему бы не использовать CSS:

position: fixed

вместо

position: absolute
  • 0
    Спасибо, это сработало с этим, но теперь при прокрутке вниз, мгновенно перемещая div вниз
  • 0
    Вы все еще используете свой Javascript-код? Вам не нужно, position: fixed должен исправить это в этой позиции окна. developer.mozilla.org/en-US/docs/Web/CSS/position
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню