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