• 04-03-2020, 21:02:00
    #1
    Web Tasarım ve Yazılım
    Merhaba;
    Elimde bir yapı var. Otomatik yükseklik veriyor. Lakin pencere yüksekliğinden -yükseklik vererek ayarlıyor.
    Yani şu boşluğu => http://prntscr.com/rblqww yok etmek istiyorum.
    Kodlardan anlayan biri yardımcı olabilir mi?
    Kodlar;
    KTUtil.scrollInit(messageListEl, {
                windowScroll: false, // allow browser scroll when the scroll reaches the end of the side
                mobileNativeScroll: true, // enable native scroll for mobile
                desktopNativeScroll: false, // disable native scroll and use custom scroll for desktop
                resetHeightOnDestroy: true, // reset css height on scroll feature destroyed
                handleWindowResize: true, // recalculate hight on window resize
                rememberPosition: true, // remember scroll position in cookie
                height: function() { // calculate height
                    var height;
    
                    // Mobile mode
                    if (KTUtil.isInResponsiveRange('tablet-and-mobile')) {
                        return KTUtil.hasAttr(messageListEl, 'data-mobile-height') ? parseInt(KTUtil.attr(messageListEl, 'data-mobile-height')) : 300;
                    }
    
                    // Desktop mode
                    if (KTUtil.isInResponsiveRange('desktop') && KTUtil.hasAttr(messageListEl, 'data-height')) {
                        return parseInt(KTUtil.attr(messageListEl, 'data-height'));
                    }
    
                    var chatEl = KTUtil.find(parentEl, '.kt-chat');
                    var portletHeadEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__head');
                    var portletBodyEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__body');
                    var portletFootEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__foot');
    
                    if (KTUtil.isInResponsiveRange('desktop')) {
                        height = KTLayout.getContentHeight();
                    } else {
                        height = KTUtil.getViewPort().height;
                    }
    
                    if (chatEl) {
                        height = height - parseInt(KTUtil.css(chatEl, 'margin-top')) - parseInt(KTUtil.css(chatEl, 'margin-bottom'));
                        height = height - parseInt(KTUtil.css(chatEl, 'padding-top')) - parseInt(KTUtil.css(chatEl, 'padding-bottom'));
                    }
    
                    if (portletHeadEl) {
                        height = height - parseInt(KTUtil.css(portletHeadEl, 'height'));
                        height = height - parseInt(KTUtil.css(portletHeadEl, 'margin-top')) - parseInt(KTUtil.css(portletHeadEl, 'margin-bottom'));
                    }
    
                    if (portletBodyEl) {
                        height = height - parseInt(KTUtil.css(portletBodyEl, 'margin-top')) - parseInt(KTUtil.css(portletBodyEl, 'margin-bottom'));
                        height = height - parseInt(KTUtil.css(portletBodyEl, 'padding-top')) - parseInt(KTUtil.css(portletBodyEl, 'padding-bottom'));
                    }
    
                    if (portletFootEl) {
                        height = height - parseInt(KTUtil.css(portletFootEl, 'height'));
                        height = height - parseInt(KTUtil.css(portletFootEl, 'margin-top')) - parseInt(KTUtil.css(portletFootEl, 'margin-bottom'));
                    }
    
                    // remove additional space
                    height = height - 5;
    
                    return height;
                }
    });
  • 04-03-2020, 21:06:51
    #2
    hayırlı akşamlar o boşluk soldaki sidebardan kaynaklı,listeleme bölümünü kısıtlarsan soldaki ortadan kalkar diye düşünüyorum. kısıtlamayıp sidebara overflow verirsende işlem tamamlanmış olur
  • 04-03-2020, 21:10:20
    #3
    Web Tasarım ve Yazılım
    chemochan adlı üyeden alıntı: mesajı görüntüle
    hayırlı akşamlar o boşluk soldaki sidebardan kaynaklı,listeleme bölümünü kısıtlarsan soldaki ortadan kalkar diye düşünüyorum. kısıtlamayıp sidebara overflow verirsende işlem tamamlanmış olur
    Alakası yok Javascript ile yükseklik otomatik veriliyor. Verilirken de toplam ekran yüksekliğinden - yükseklik olarak veriyor Bahsettiğiniz alanlar ile alakalı değil
  • 04-03-2020, 21:24:39
    #4
    Hocam tam olarak anlamadim. O bosluk ne olacak? Yukaridaki divin orayi doldurmasini mi istiyorsunuz?
    Eger oyle ise bunu neden css ile yapmiyorsunuz? Bu kadar kosul yazmaya ne gerek var ki?
  • 04-03-2020, 21:29:13
    #5
    Web Tasarım ve Yazılım
    absie adlı üyeden alıntı: mesajı görüntüle
    Hocam tam olarak anlamadim. O bosluk ne olacak? Yukaridaki divin orayi doldurmasini mi istiyorsunuz?
    Eger oyle ise bunu neden css ile yapmiyorsunuz? Bu kadar kosul yazmaya ne gerek var ki?
    Nasıl hocam anlamadım?
    Şu =>http://prntscr.com/rbm6nh nun yüksekliğini js ile otomatik ayarlıyor pencerenin durumuna göre..
    Ama altda boşluk veriyor.
    Ben boşluk olsun istemiyorum
  • 05-03-2020, 14:05:35
    #6
    Tamam hocam bunu css ile yapabilirsin bu javascriptin kullanim amaci degil ki. Bosuna fazladan birsuru kod yazmissiniz.