javascript - Jquery height()滚动问题

Question

所以我有一个很大的长文本 block ，我试图使用 jquery 来隐藏/显示它来更改包含文本的 div 的 css 高度。

<script>
                    $(document).ready(function() {
                        $('#center_slide_down_link').click(function() {
                            $('.center_slide_down').animate({
                                height: 1200
                            }, 1000 );
                            $(this).hide();
                            $('#center_slide_up_link').show();      
                        });

                        $('#center_slide_up_link').click(function() {
                            $('.center_slide_down').animate({
                                height: 450
                            }, 1000 );
                            $(this).hide(); 
                            $('#center_slide_down_link').show();    
                        });



                    });
                    </script>

每当用户尝试显示/隐藏内容时，浏览器都会自动滚动到页面顶部。当用户单击显示/隐藏链接时，防止滚动位置发生变化的最佳方法是什么？

Answer 1

您的链接上可能有 href="#"。这将使链接将您带到页面顶部。尝试将其更改为 href="javascript:void(0)" 或其他内容。