css 和篮子 : how to do an "always visible" basket?

标签 css shopping-cart

在这个网站上,如果您尝试任何一家餐厅,您会看到一个总是在右侧可见的篮子,如果您向下滚动,它就会“神奇”:它就像“粘”在顶部一样屏幕。 http://takeaway.com

他们是怎么做到的,你有没有好的网站/教程来做这些事情(我实际上不知道要谷歌什么!)?

最佳答案

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

position: fixed; top: 0px;

您可以使用 Waypoints 等 jQuery 插件相当轻松地做到这一点,它具有创建“粘性”元素的特殊功能。

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

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

关于css 和篮子 : how to do an "always visible" basket?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11392959/

相关文章:

css - 选择器有问题

javascript - 如何创建动态网格

html - 如何将超棒的字体图标对齐到中心?

html - 被窃听的 Internet Explorer

css - 我发现 css 布局非常不直观;有没有我可以使用的好拖放工具?

javascript - 一个静态 php 变量,仅分配一次且从未更改

javascript - 在按钮上使用单击事件时,Vue.js 中出现 TypeError。

java - 我无法弄清楚如何处理收到的错误。这是我的购物车项目

encryption - HTTP 发布 : getting encrypted Paypal multiple-item cart upload button

php - 使用 PHP 在 $_SESSION 变量中存储多个值