1

我有这个简单的 html 代码

<html>
<body>
<select name="country" id="country">
<option value="1">Falkland Islands (Malvinas)</option>
<option value="2">canada</option>
<option value="3">Finland</option>
<option value="4">France</option>
<option value="5">United Kingdom</option>
<option selected="selected" value="12">United States</option>
</select>
</body>
</html>

如果此下拉菜单位于网页底部，并且每当用户选择菜单上的选项之一时，用户会自动转到网页顶部而无需重新加载，我知道这很简单但我做不到，希望你们帮助我，谢谢。

4

2 回答 2

1

这应该会为您处理...将其添加到您的<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("select#country").change(function() {
          $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });
    });
</script>
于 2013-04-08T21:44:59.797 回答
1

在head您的文件中，放置这个小片段：

<script type="text/javascript">
    window.onload = function(){
        document.getElementById("country").onchange = function(){
            window.scrollTo(0, 0);
        };
    };
</script>

对于这样的简单操作，无需加载 jQuery；为 Vanilla JavaScript 可以轻松处理的东西包含这么大的文件是没有意义的。

于 2013-04-08T22:07:34.620 回答