Bất cứ khi nào tôi nhấp vào hộp kiểm, cửa sổ trình duyệt (firefox) sẽ cuộn trên đầu màn hình.
Làm cách nào để ngăn chặn hành vi này vì vậy khi tôi nhấp vào hộp kiểm, cửa sổ trình duyệt sẽ không cuộn lên trên đầu?
Đây là mã được tìm thấy từ đây http://jsfiddle.net/zAFND/6/
Cảm ơn bạn.Làm cách nào để ngăn trình duyệt di chuyển trên đầu trang khi nhấp vào hộp kiểm?
<html>
<head>
<title>Test</title>
<style>
div label input {
margin-right: 100px;
}
body {
font-family:sans-serif;
}
#ck-button {
margin: 4px;
background-color: #EFEFEF;
border-radius: 4px;
border: 1px solid #D0D0D0;
overflow: auto;
float: left;
}
#ck-button {
margin: 4px;
background-color: #EFEFEF;
border-radius: 4px;
border: 1px solid #D0D0D0;
overflow: auto;
float: left;
}
#ck-button:hover {
margin: 4px;
background-color: #EFEFEF;
border-radius: 4px;
border: 1px solid red;
overflow: auto;
float: left;
color: red;
}
#ck-button label {
float: left;
width: 4.0em;
}
#ck-button label span {
text-align: center;
padding: 3px 0px;
display: block;
}
#ck-button label input {
position: absolute;
top: -20px;
}
#ck-button input:checked + span {
background-color: #911;
color: #fff;
}
</style>
</head>
<body>
<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="ck-button">
<label>
<input type="checkbox" value="1"><span>red</span>
</label>
</div>
</body>
yep cảm ơn bạn đã làm việc. – themis
Tôi đã tìm thấy câu trả lời của bạn vì tôi đang sử dụng tiện ích con xếp hạng sao đã sử dụng -9999 cho vị trí của các nút radio của nó. Cảm ơn! –