<script>
        function init() {
            window.addEventListener('scroll', function (e) {
                var distanceY = window.pageYOffset || document.documentElement.scrollTop,
                    shrinkOn = 50,
                    header = document.querySelector("header");
                
                
                if (distanceY > shrinkOn) {
                    classie.add(header, "smaller");
                } /*else {
                    if (classie.has(header, "smaller")) {
                        classie.remove(header, "smaller");
                    }
                }*/

            });
        }

        window.onload = init();
    </script>

<script>
    var win = window,
    docEl = document.documentElement,
    $logo = document.getElementById('fix');

win.onscroll = function(){
   var sTop = (this.pageYOffset || docEl.scrollTop)  - (docEl.clientTop || 0);
   $logo.style.height =  sTop > 50 ? "225px":"115px" ;
};
    </script>

Използвам следния скрипт, за да стеснявам header-а след скролване. Но проблема е, че след като се скролне, част от съдържанието на сайта се скрива. Можете ли да ми помогнете да се направи така, че след скролването, скролбара да се връща в началното си положение без да скрива част от сайта?

Можеш ли да покажеш скрийншот?

преди 1 час, frozener написа:

Можеш ли да покажеш скрийншот?

На кое?

преди 10 минути, bpkole написа:

На кое?

На хедъра и съдържанието, което се скрива.

преди 19 минути, frozener написа:

На хедъра и съдържанието, което се скрива.

Гледайте 2-та снимка. Аз мога със скрола нагоре да видя съдържанието, но не искам да е така. 

Използваш ли overflow в CSS-а ти? Това свойство определя какво ще стане със съдържанието на елементо спрямо размера му - дали ще изчезне част от съдържанието или ще се появи скролбар. И също така не се вижда скрола отстрани.

преди 18 минути, frozener написа:

Използваш ли overflow в CSS-а ти? Това свойство определя какво ще стане със съдържанието на елементо спрямо размера му - дали ще изчезне част от съдържанието или ще се появи скролбар. И също така не се вижда скрола отстрани.

Използвам overflow: hidden, а скролбара не се вижда заради скриийншота. Не съм го снимал хубаво.

преди 12 часа, bpkole написа:

Използвам overflow: hidden, а скролбара не се вижда заради скриийншота. Не съм го снимал хубаво.

Предполагам това се опитваш да направиш цък. Има и код как да го имплементираш.

Редактирано 13 декември 201510 г. от frozener (преглед на промените)

преди 6 часа, frozener написа:

Предполагам това се опитваш да направиш цък. Има и код как да го имплементираш.

Да, но се скрива съдържанието с него.

на December 13, 2015 at 15:27, bpkole написа:

Да, но се скрива съдържанието с него.

Пейстни код или дай линк ако си го качил в сървър ?