在此站点的此处,如果您尝试任何餐厅,您都会看到一个始终在右边可见的篮子,如果向下滚动,则它是“神奇的”:它在屏幕顶部像“粘性”一样。 http://takeaway.com

他们是如何做到的,您是否有任何好的网站/教程来进行此类操作(我不知道实际上要对Google做什么!)?

最佳答案

当浏览器滚动到某个点时,以下CSS会应用于购物篮:

position: fixed; top: 0px;


您可以使用Waypoints之类的jQuery插件相当轻松地完成此任务,该插件具有用于创建“粘性”元素的特殊功能。

获取插件并在此处查看教程:http://imakewebthings.com/jquery-waypoints/

请参见此处的示例:http://imakewebthings.com/jquery-waypoints/sticky-elements/

10-07 17:45