如何将滚动位置设置为选中的单选按钮级别？
aki子
如您在上面看到的，我有一个狭窄的地方div，在这个div中有一个radio buttons。这些收音机之一总是被检查。我想在页面加载时将滚动条的开始位置设置为选中的单选按钮的级别。
是否有可能？如果是，我该怎么办？
赫里斯托·埃涅夫（Hristo Enev）
页面加载后，您可以过滤所有单选按钮并找到已选中的按钮。当您拥有该按钮时，您可以使用jQuery滚动到该按钮。
这是代码html：
<div id="radioContainer">
<input type="radio" name="distance" value="1"/>1<br>
<input type="radio" name="distance" value="2"/>2<br>
<input type="radio" name="distance" value="3"/>3<br>
<input type="radio" name="distance" value="4"/>4<br>
<input type="radio" name="distance" value="5"/>5<br>
<input checked type="radio" name="distance" value="6"/>7<br>
<input type="radio" name="distance" value="8"/>8<br>
<input type="radio" name="distance" value="9"/>10<br>
</div>
和JS：
$(document).ready(function() {
$('#radioContainer > input').each(function() {
var radioInput = $(this);
if(radioInput.is(':checked')) {
$('#radioContainer').animate({
scrollTop: radioInput.offset().top
}, 2000);
}
});
});
jQuery滚动到动画的来源：jQuery滚动到元素
JSFiddle：http : //jsfiddle.net/ct346z65/4/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将某个单选按钮设置为选中“ true”
- 2
如果未选中单选按钮，如何将隐藏字段设置为零
- 3
Android：如何将单选按钮的文本设置为Integer？
- 4
在CSS中，如何将复选框或单选按钮设置为按下状态（已选中和未选中）以外的样式？
- 5
将值（int）设置为选中单选按钮WPF
- 6
将AJAX响应设置为选中的单选按钮
- 7
将ng-repeat中的单选按钮设置为选中
- 8
是否将类别设置为选中的单选按钮？
- 9
将单选按钮设置为会话以保持选中状态
- 10
如何通过更新其FormControl将单选按钮设置为选中状态
- 11
如果选中，如何将选中的选项设置为true
- 12
如何将XAML单选按钮重新设置为彩色标签
- 13
如何将通过tkinter中的循环创建的单选按钮值设置为默认值？
- 14
如何将单选按钮的描述的一部分设置为粗体？
- 15
如何将滚动条的位置设置为最大？它不是文档中所述的1.0
- 16
如何将CheckedListBox项目设置为默认选中
- 17
如何在Dart聚合物组件中将单选按钮设置为选中状态
- 18
如何在Dart聚合物组件中将单选按钮设置为选中状态
- 19
如何在其他活动中将单选按钮设置为默认选中状态？
- 20
Django：如何将日志级别设置为INFO或DEBUG
- 21
如何将ComboBoxItem设置为从其内部的按钮中选择的位置？
- 22
如何将按钮的位置设置为屏幕右上角？
- 23
如何将选中的单选按钮传递给 Kotlin 中的其他活动
- 24
如何根据选中的单选按钮将微调框值重置为“由某物选择”
- 25
如何将值设置为true选中，将false设置为unchecked
- 26
键入单选按钮时如何将其选中
- 27
如何始终以编程方式设置默认选中的Android单选按钮？
- 28
如何设置最初在AngularJs中选中的单选按钮？
- 29
如何始终以编程方式设置默认选中的Android单选按钮？
我来说两句