Contact Us

Close

Nested Panels

You can nest panels inside of other panels (technically infinitely...).

                
                $('#scotch-panel').scotchPanel({
                    containerSelector: 'body',
                    direction: 'right',
                    duration: 300,
                    transition: 'ease',
                    clickSelector: '.toggle-panel',
                    distanceX: '70%',
                    enableEscapeKey: true
                });

                $('#inside-panel').scotchPanel({
                    containerSelector: '#scotch-panel',
                    clickSelector: '.toggle-inside-panel',
                    direction: 'top',

                });
                
                
                
                /* Forces use of GPU */
                .scotchified {
                    -o-transform: translateZ(0);
                    -moz-transform: translateZ(0);
                    -ms-transform: translateZ(0);
                    -webkit-transform: translateZ(0);
                    transform: translateZ(0);
                }
                /* Force Height of Panel for unique use case */
                .scotch-panel-wrapper {
                    height: 100%;
                }