单击单选按钮应自动定位页面顶部

时间:2014-08-24 21:48:46

标签: javascript php jquery html css

页面中有大约100行的列表,每行具有相同类名

的单选按钮
<input type="radio" name="onward" class="onward" value="1">

单击此单选按钮应移动到页面顶部,我尝试使用下面的示例。

$(".onward").click(function() {
        $(this).animate({'top': '-=30px'},'slow');
});

任何人都可以帮忙!!!!!

1 个答案:

答案 0 :(得分:1)

由于你的问题不是很清楚,有两种可能性:

一个。您正试图在单击时将按钮移动到列表顶部

您的按钮需要position: absoluteposition: fixed定位才能让您的代码正常工作。 这是小提琴:http://jsfiddle.net/76vv39dz/1/

B中。您希望在单击按钮时页面滚动到顶部

您应该在列表容器中添加一个ID,并且您的按钮应该作为其锚点(#container_id