通过AJAX删除项目后，页面向上滚动

Question

描述：您好我正在开发在线食品订购网站。我差不多完成了这个项目，但我被卡在了购物车..

问题：当我从购物车中删除项目时我遇到了问题，当我从购物车中删除项目时，我选择了页面向上滚动..我正在使用AJAX添加和删除购物车中的商品。

当我从购物车中删除商品时，可能的解决方案是什么，以便页面不会向上滚动。

您可以在此处查看链接：http://gogaily.com/restaurant_details.php?hotel_id=14页面重定向后点击MENU选项卡查看菜单项...当您点击菜单项时，一旦您从购物车页面删除该项目，将显示购物车向上滚动..如何避免页面向上滚动。

Answer 1

我认为您在删除按钮中使用了锚标记。即。

<a href="#" ...>Delete</a> 

像这样的事情。用

做

<a href="">Delete</a> 

或使用按钮，即

<button ...>Delete</button>

希望你的问题能够得到解决。

Answer 2

那是因为你正在使用带有href="#"的链接元素 - 浏览器会将空哈希视为“滚动到顶部”。

执行JS代码后，您必须简单地禁止“正常”链接功能 - 关键字为event.preventDefault或return false（后者用于“传统”事件处理。

Answer 3

用href =“javascript：void（）;”

替换href =“＃”