1

Нужно сделать контент вытянутым по всей высоте экрана , а получается что он выстраивается как нужно только после ресайза.И сайдбар который после скрола будет прилипать к той же позиции но , уже с левого верхнего края (т.к если делать fixed через css он прилипает в той позиции в которой он задается статически) вот пример

js

fixed = document.getElementById('content');
window.addEventListener('resize',function(){      
            changeWindow = window.innerHeight;            
            fixed.style.height = changeWindow + 'px';         
       },false);
window.onload=function(){
                        changeWindow = window.innerHeight;            
            fixed.style.height = changeWindow + 'px';
}

https://jsfiddle.net/dirkdirk/ugcpv9pg/11/

1 ответ 1

1

В вашем фиддле введённый вами скрипт сам выполняется по событию 'load':

скрин фиддла

Т.е. весь ваш скрипт выполняется уже после события load в фидле. Поэтому событие в вашем коде уже не поймать. А так вы всё сделали вполне работоспособно. Можно что-то улучшить:

Определяйте ф-ю всего один раз (сейчас код у вас повторяется дважды), и вызовите её сразу, а также навесьте на событие resize:

var content = document.getElementById('content');

var fit = function(){      
  content.style.height = '' + window.innerHeight + 'px';         
}

window.addEventListener('resize',fit);

fit(); // если этот скрипт вызывается уже по событию load

// или так, если не в jsfiddle и load ещё не наступил:
// window.addEventListener('load',fit); 

Фиддл

5
  • а как притулить сайдбар при скроле вниз ? повесить на него событие скрола и дать ему стиль fixed + подвинуть его вверх? для того что бы он был прикручен к верху
    – ddeadlink
    14 янв 2016 в 9:57
  • мыслите правильно. Можно и с самого начала дать ему fixed, а потом, по мере прокрутки, постепенно смещать вверх, чтобы не было рывков.
    – Sergiks
    14 янв 2016 в 9:59
  • а как же учитывать размеры , если нужно что бы сайдбар прилипал именно когда пряталсяпотолок
    – ddeadlink
    14 янв 2016 в 11:26
  • jsfiddle.net/dirkdirk/ugcpv9pg/21 таким образом почему то не работает(
    – ddeadlink
    14 янв 2016 в 11:29
  • Тема сайдбара заслуживает отдельного вопроса.
    – Sergiks
    14 янв 2016 в 15:46

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.