जब भी मैं चेकबॉक्स पर क्लिक करता हूं, ब्राउज़र विंडो (फ़ायरफ़ॉक्स) स्क्रीन के शीर्ष पर स्क्रॉल करेगा।
मैं इस व्यवहार को कैसे रोक सकता हूं ताकि जब मैं चेकबॉक्स पर क्लिक करता हूं तो ब्राउज़र विंडो शीर्ष पर स्क्रॉल नहीं होगी?
यहां कोड http://jsfiddle.net/zAFND/6/
से प्राप्त कोड यहां है।चेकबॉक्स पर क्लिक करते समय ब्राउज़र के पृष्ठ पर स्क्रॉल करने से मैं ब्राउज़र को कैसे रोक सकता हूं?
#ck-button label input {
position:absolute;
top:-20px;
}
आप एक लेबल पर क्लिक करते हैं ब्राउज़र संबंधित इनपुट ध्यान केंद्रित करने की कोशिश करता है:
<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>
हाँ धन्यवाद यह काम करता है। – themis
मुझे आपका जवाब मिला क्योंकि मैं स्टार रेटिंग विजेट का उपयोग कर रहा था जिसने अपने रेडियो बटन की स्थिति के लिए -99 99 का उपयोग किया था। धन्यवाद! –