切换后保持滚动位置(JQUERY)

用户名

我进行了搜索和研究,但是在JQUERY切换事件之后如何保持页面滚动位置,但找不到任何解决此问题的解决方案。

<script src="Scripts/_hideShowDiv/jquery-1.3.2.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         $(document).ready(function () {
             $('#adddriverpanel').hide();

             $('a#adddrivertrigger').click(function () {
                 $('#adddriverpanel').toggle(400);

             });


         });
    </script>
劳伦斯·约翰逊(Lawrence Johnson)

查看完代码后,您只需要将html更新为以下内容:

<a id="adddrivertrigger" href="javascript:void(0);" class="auto-style2">Add Drivers</a>

您在链接中使用的“#”将您带到页面顶部。

如果要将带有href的锚标记用于点击事件,则需要阻止href触发(假设您不希望它触发)。您通常可以通过添加

return false;

对于您的click事件,但对于空的href属性,更好的做法是创建一个空的javascript调用,而不是一个“#”。

对于傻笑,这是您不应该对href属性做的其他事情:

<a href="javascript:;"></a>
<a href="javascript:return false;"></a>
<a href="javascript://"></a>
<a href=""></a>
<a href="#"></a>

以上所有都是无效的javascript或在不同的浏览器中造成的不一致问题。

您可以(通过jQuery)解决它的另一种方法如下:

         $('a#adddrivertrigger').click(function () {
             $('#adddriverpanel').toggle(400);
             return false;
         });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章