Tôi có ứng dụng TV thông minh đơn giản hiển thị danh sách các mục trong danh sách theo chiều dọc có trình xử lý khóa được gắn với một liên kết được liên kết với DIV chứa danh sách.Trang Smart TV của Samsung cuộn ra khỏi chế độ xem để phản hồi các phím bấm từ trên xuống
Danh sách bao gồm một tập hợp các DIV hiển thị chuỗi văn bản trong mỗi chuỗi được bao quanh bởi một DIV bên ngoài. Chiều cao của danh sách đầy đủ là 400px, cũng trong chiều cao màn hình 540px.
Người dùng có thể di chuyển lên và xuống danh sách bằng các nút lên và xuống để đánh dấu các mục riêng lẻ.
Trên trình mô phỏng này hoạt động tốt, tuy nhiên trên TV thực khi người dùng truy cập xuống, không chỉ di chuyển đánh dấu được thực hiện như nó nên, nhưng toàn bộ màn hình di chuyển lên.
Tương tự, khi người dùng truy cập, điểm đánh dấu sẽ di chuyển chính xác nhưng màn hình sẽ di chuyển lên.
Đây là đánh dấu cho các danh sách
<div id="itemList">
<div class="slot" id="slot0">Slot 0</div>
<div class="slot" id="slot1">Slot 1</div>
<div class="slot" id="slot2">Slot 2</div>
<div class="slot" id="slot3">Slot 3</div>
<div class="slot" id="slot4">Slot 4</div>
</div>
<a href='javascript:void(0);' id='anchorList' onkeydown='KeyHandler.list_KeyPress()'></a>
Đây là CSS
#itemList {
position: absolute;
left: 20px;
top: 20px;
width: 250px;
height: 400px;
background-color: #000000;
}
#itemList .slot {
color: #ff0000;
width: 100%;
height: 80px;
}
Các gia số chức năng sự kiện list_KeyPress hay decrements chỉ số của mặt hàng đó được đánh dấu và thay đổi lớp của nó để slotSelected
Không có gì trên màn hình đang được vẽ lại, di chuyển hoặc thay đổi kích thước. Thay đổi duy nhất được thực hiện là lớp của DIV được đánh dấu.
Để loại bỏ điều này như là một yếu tố, tôi nhận xét ra mã bên trong list_KeyPress() và vẫn nhận được cùng một vấn đề - vì vậy nó không phải là điều đó.
Nó chắc chắn là một cái gì đó để làm với các máy ép chính.