Блог

Главная - Вопросы по программированию - Как исправить положение кнопки во время прокрутки окна

Как исправить положение кнопки во время прокрутки окна

#jquery #css

#jquery #css

Вопрос:

Я хочу исправить положение prevbutton и nextbutton.
Как мне использовать событие прокрутки jquery для этого?

  <div class="content">
    <div class="items">
        dfjdslkfjdls;ajfdls;jkfa;fd;lsjfl;dsasjfl;akjf
    <div class="prev button">prev</div>
    <div class="next button">next</div>
 </div>

//jquery

 $(window).bind('scroll', function() {
    if ($(window).scrollTop() > 50) {
        $('.button').addClass('fixed'); // within contnet
    }
    else {
        $('.button').removeClass('fixed'); // within content
    }
});

см. jfiddle http://jsfiddle.net/kisspa/deN3g/2 /

Комментарии:

1. У вас есть какая-либо ошибка или что вы хотите? Приведенный пример не работает для вас

2. jsfiddle.net/deN3g/4 это то, чего ты хочешь?

3. я хотел, чтобы середина была на 50% выше

4. да, ответ очень хороший.. это правильно.. но я хотел, чтобы кнопка была средней

5. я хотел, чтобы вы ответили голосованием, и мне это нравится…

Ответ №1:

протестируйте мой код

  function loadswitharrow(){

    $(window).bind('scroll', function() {
        if ($(window).scrollTop() >= 0) {
            $('.button').addClass('fixed');
        }
        else {
            $('.button').removeClass('fixed');
        }
    }); 
}

css

   .fixed{position:fixed;}
  .prevbutton{left:-3%;}
  .nextbutton{right:-3%;}
  .fixed.nextbutton{right:17%;}
  .fixed.prevbutton{left:17%;}
Метки: