• 02-12-2013, 21:13:09
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Selam arkadaşlar bir autocomplete yapmıştım ama bir türlü scrollbarı çıkartamadım sağ tarafta nasıl yapabilirim
    ist yazınca bir çok sonuç çıkıyor ama bir türlü aşağıya kadar uzatamadım.
  • 03-12-2013, 02:13:18
    #2
    autocomplete'i açtığın ul'nin overflow style'ı hidden scroll olarak değiştirirsen düzelir.
  • 06-12-2013, 20:35:25
    #3
    hocam yazdıktan sonra konuyu unuttum, dediğiniz gibi yaptım hocam hala çözemedim orda autocomplete in şu kodu vardı

    .ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;//bunu scroll yaptım olmadı
    }
  • 06-12-2013, 20:43:59
    #4
    <ul style="max-height: 180px; overflow: hidden;">
    Bu kısmı scroll yapın.
    Olmadı overflow: auto; deneyin.
  • 06-12-2013, 21:01:51
    #5
    işte hocam o kodlar parse edildikten sonra çıkıyor normalde autocomplete in oldu css şuydu

     
    .ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
        width: 270px !important;
    }  
    
    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: scroll;
    }  
    
    .ac_results li {
        margin: 0px;
        /*padding: 2px 5px;*/
        padding: 6px 6px;
        cursor: default;
        display: block;
        /* 
        if width will be 100% horizontal scrollbar will apear 
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /* 
        it is very important, if line-height not setted or setted 
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        /*overflow-x:hidden;*/  
    
        width: 270px;
        text-align:left;
    }  
    
    .ac_loading {
    	background: white url('indicator.gif') right center no-repeat;
    }
    
    .ac_odd {
    	background-color: white;
        border-bottom:1px solid #FBE6A2;
        /*border-bottom-color:#FBE6A2;*/
        border-top:1px solid #FBE6A2;
        /*border-top-color:#FBE6A2;*/
    }
    
    .ac_over {
    	background-color: #FBE6A2;
    	color: black;
    }
  • 06-12-2013, 22:48:59
    #6
    @berkorn;
    Şu kodlarla değiştirip dener misiniz?
    İmkanı yok bu kez olması lazım.

    .ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: scroll;
        z-index: 99999;
        width: 270px !important;
    }  
    
    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: scroll;
    }  
    
    .ac_results li {
        margin: 0px;
        /*padding: 2px 5px;*/
        padding: 6px 6px;
        cursor: default;
        display: block;
        /* 
        if width will be 100% horizontal scrollbar will apear 
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /* 
        it is very important, if line-height not setted or setted 
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: scroll; 
    
        width: 270px;
        text-align:left;
    }  
    
    .ac_loading {
    	background: white url('indicator.gif') right center no-repeat;
    }
    
    .ac_odd {
    	background-color: white;
        border-bottom:1px solid #FBE6A2;
        /*border-bottom-color:#FBE6A2;*/
        border-top:1px solid #FBE6A2;
        /*border-top-color:#FBE6A2;*/
    }
    
    .ac_over {
    	background-color: #FBE6A2;
    	color: black;
    }
  • 07-12-2013, 13:22:34
    #7


    @sever2k7 hocam böyle oldu dediğinizi yapınca