← Back to journalTechnical

Cuộn selected value lên đỉnh

how to scroll to top of selected value in select tag html

Cuộn selected value lên đỉnh

Khỏe, không phải là nhấc lên Mạnh, mà là để xuống Nhẹ Kính, không phải là đối với Trên, mà là xử với Dưới Ðẹp, không phải là hút Người Vào, mà là giữ người Ở Lại Xấu, không phải tại Gương Mặt, mà ở tại Cách Sống Khéo, không phải tạo điều to, mà là làm điều nhỏ Hay, không phải là ngạc nhiên, mà là sự thú vị Buồn, không phải do bên ngoài, mà vì ẩn ở bên trong

Dalai Lama

 

 

Ví dụ khi chọn dropdown một thẻ select ta được như sau:

 

Giá trị 18時 đang được đặt ở giữa thanh dropdown, ta muốn di chuyển giá trị 18時 lên đỉnh của thanh cuộn thì viết một đoạn code js như sau:

 

var $dropdown = $(dropdownElement);
var selectedIndex = $dropdown.find('.selected').data(liTagIndex);
var liHeight = $dropdown.find('li').first().outerHeight();
$dropdown.scrollTop(selectedIndex*liHeight);

 

Trong đó: - dropdownElement là element của tag dropdown

               - selectedIndex là giá trị index của thẻ li được selected.