jquery/Javascript의 동적 목록보기에서 스크롤 막대를 가져 오는 방법은 무엇입니까?

Question

DB에서 값을 동적으로 가져 오는 목록보기가 하나 있습니다. 3 개 이상의 값이 int 인 경우 목록보기에 대한 스크롤 막대를 어떻게 설정할 수 있습니까? 이것이 가능한가 ? 어떻게 그렇게 할 수 있습니다 .. 다음과 같이

내 코드는,

HTML 코드 : 나는 다음 코드를 사용하여 DB에서 동적으로 값을 얻고있다

<ul data-role="listview" id="locationList" name="locationList" data-inset="true"> 
    <li value="Select Location">Select Location</li> 
</ul> 

,

$("#select-choice").on('change', function(event) { 
    $("#locationList").empty(); 
    var catg = this.value; 
    var db = window.sqlitePlugin.openDatabase({name: "MYDB"}); 
    db.transaction(function (tx) { 
     tx.executeSql("select Location from Locationlog WHERE Category = '"+catg+"';", [],  function (tx, res) { 
      var optionheading = '<li value="Select Location">Select Location</li>'; 
      $("#locationList").append(optionheading); 
      for (var i = 0; i < res.rows.length; i++) { 
       var opt = '<li value="'; 
       opt += res.rows.item(i).Location; 
       opt += '">'; 
       opt += res.rows.item(i).Location; 
       opt += '</li>'; 
       $("#locationList").append(opt); 
      } 
      $("#locationList").listview('refresh'); 
     }); 
    }); 
}); 

Answer 1

반복 질문 : UL or DIV vertical scrollbar

Defi

이

<ul style="width: 300px; height: 200px; overflow: auto"> 
    <li>text</li> 
    <li>text</li> 
</ul> 

어쨌든, 당신은 (JQuery와 UI 컨트롤을 내 말)를 사용하는 목록보기의 종류를 알려 아마도 UI를 jQuery 모바일 : 당신이 3 개 이상의 항목이 북동 폭과 높이?