这种实现如此常见的原因并不是因为我们希望将客户自动

adnanhridoy2844

滚动到过滤器区域的顶部，而是因为我们希望通过应用过滤器将他们推向产品结果的顶部。一旦应用了新的过滤器，卡在列表中间的某个位置就不会特别有用。事实上，最好在每次过滤器更新时显示结果的顶部，但这并不意味着我们也需要自动滚动过滤器。

事实上，即使您只想以这种方式指定 6-10 个功能，您也 手机号数据库列表 需要与 auto-scroll 进行一场相当顽固的滚动斗争，一次只注册一个过滤器。可以一次点击或单击多个过滤器，但不幸的是，在这种情况下，UI 不会按预期响应。整体体验相当令人沮丧和迷失方向，还因为网站感觉很慢，并且总是需要越来越多的努力才能继续过滤。这不是最小化从默认状态到最终状态的时间的最佳示例。

解决这些问题的一种方法是完全删除过滤器的自动滚动，并找到一种更好的方法来指示一次只能进行一个输入。例如，我们可以冻结整个界面，从而禁用任何输入，直到新数据从服务器返回。然后我们需要等待新结果被注入到 DOM 中，然后 UI 才会返回。虽然它比以前的解决方案稍微清晰一些，但事实证明它本身也存在问题。


只需几行代码即可添加高级 JavaScript 组件，例如数据网格、图表、调度程序和日历。
30 天免费试用
切勿在单个输入上冻结 UI  
每次我们将 UI 冻结在单个输入上时，我们都会主动减慢客户表达意图的速度。实际上，我们让他们指定自己感兴趣的内容变得更加麻烦，优先显示结果而不是输入。但这似乎是一个错误的优先顺序。让我们看一下下面的例子。

播放：客户通常希望依次设置多个过滤器。 将 UI 冻结在每个输入上会减慢速度并使其变得更加困难。
客户通常希望依次设置多个过滤器。将 UI 冻结在每个输入上会减慢速度并使其变得更加困难。示例
在，每次做出选择时，不仅 UI 被完全屏蔽，而且用户界面也被完全屏蔽。用户也会被推送到页面顶部。对于包含手风琴的过滤器（例如，“品牌”中的“查看更多”链接），这尤其令人沮丧。对于每个新的过滤器，用户必须向下滚动并打开手风琴才能找到他们想要选择的特定属性。沃尔玛（参见下面的示例）也遵循相同的模式。