Остановить прокрутку относительных делителей после определенной точки

Question

Остановить прокрутку относительных делителей после определенной точки

0

Как я могу остановить относительные divs прокрутки мимо определенной точки?

Здесь скрипка, которая поможет вам понять

В принципе, я хочу, чтобы иметь возможность прокручивать как обычно, единственное различие заключается в том, что я не хочу ничего видеть за тегом заголовка, то есть, поскольку он стоит, когда вы прокручиваете, вы можете видеть divs через тег заголовка, я хочу так что, когда он прокручивается, точка отсечения является нижней частью тега заголовка, поэтому при прокрутке вы не увидите ничего за строкой заголовка.

Надеюсь, это имеет смысл.

Здесь заголовок css

#header {
  height:40px;
  width:100%;
  background:transparent;
  position:fixed;
  border:1px solid black;
  top:0;
}

Dipali Vasani 10 март 2014, в 11:28

Источник

0

Привет - я не знаю, один ли я, но я не совсем понимаю, что вы имеете в виду - не могли бы вы объяснить немного дальше? Возможно пример макета?
user2808054 10 март 2014, в 10:18
0

пожалуйста, отметьте, что вы получили правильный ответ или нет
Dipali Vasani 11 март 2014, в 08:26

Теги:

javascript

jquery

css

3 ответа

Ещё вопросы

Привет - я не знаю, один ли я, но я не совсем понимаю, что вы имеете в виду - не могли бы вы объяснить немного дальше? Возможно пример макета?
пожалуйста, отметьте, что вы получили правильный ответ или нет

yckart · Answer 1 · 2014-03-10T09-02-00.000Z

Вы можете дать вашему заголовку (non- transparent) background-color или создать новую область прокрутки под заголовком с overflow: scroll/auto

Pratik C Joshi · Answer 2 · 2014-03-10T07-57-00.000Z

Вы используете jquery scrollTop для этого

 $(window).scroll(function(){
    if($(window).scrollTop() >= 229){
      alert("in if");
      $('#header').css({position:'relative'});
    }else{
      alert("in else");
      $('#header').css({position:'fixed'});
    }
});

скрипка

Я не думаю, что это помогает ему в этой проблеме. И, кстати, ваш код действительно не работает!

Dipali Vasani · Answer 3 · 2014-03-10T07-53-00.000Z

просто измените css для #header следующим образом:

background: white;

Это происходит потому, что вы сделали background прозрачным.

для прокрутки вы можете добавить следующий jQuery:

var windw = this;

$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 0
            });
        }
    });
};

$('#header').followTo(250);

Он сказал => Остановить прокрутку относительных элементов div после определенной точки. Где находится код, связанный с прокруткой? Этот вопрос связан с jQuery, также Javascript.