JQUERY 如何做成像美团团购商品详情选项卡功能

qz362100 2015-07-18 08:58:34

如图：当滚动条下来时，选项卡会跟着走。比如现在当前时本单详情滚动下来商家介绍就出来。选项卡就出现商家介绍。下面的内容也出来！
这个功能要jquery 要怎么实现出来呢？最好有例子！

...全文

157 5 打赏收藏举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Sasayau 2015-07-24

打赏
举报

回复

http://www.bootcss.com/p/stickup/#wordpress bootstrap上就有啊

香蕉猪 2015-07-23

打赏
举报

回复

http://www.17sucai.com/pins/10844.html

luhuiming741cs 2015-07-23

打赏
举报

回复

选项卡样式设置position: fixed，用scroll事件判断，滚动下来就把商家介绍appendTo到选项卡中

兔子托尼啊 2015-07-23

打赏
举报

回复

你看他源码。

Mr_yyy 2015-07-23

打赏
举报

回复

监听滚动条的滚动高度，如果高度大于商家介绍DIV所在的OFFSET,TOP，就填充里面的内容，或者调用商家介绍的click事件

相关推荐

美团cms团购系统新功能： 1、新增秒杀功能，满足当前大家消费的趋势。 2、新增分类功能，针对团购进行分类列出，利于团购客户进行商品的选择。 3、添加多团模式功能，越来越多的网民进行团购，所以团购的商品供不应求，一日多团非常的符合大家的消费趋势，利于网站的发展 4、新增抽奖随机免单功能，这个是团购的一大亮点。团购运营商家进行促销的一大强势手段。 5、新增团购多阶段模式，这又是一大亮点，团购进行中可以根据预先设置的满足多少人价格降低为多少，人数越多越实惠，这更大大的促进大家来积极主动的参与。 6、新增退款功能，团购退款一直是一大难题。

本文来自美团陈义宏老师的分享，介绍了2015年以前美团团购供应链的架构演进历程。供应链系统简介美团是以团购起家并作为核心业务，之后增加了一些支付、商家管理，包括验证、凭证方面还有其他的等业务。供应链系统主要负责商品的生产和商品的运营，其中的这个“商品”指的是我们本地的生活服务的各种套餐、代金券和其他的业务。关注过团购领域的朋友们应该听说过“千团大战”，美团之所以能在这样的挑战中活...

最新groupon团购程序4.0 1、新增秒杀功能，满足当前大家消费的趋势。 2、新增分类功能，针对团购进行分类列出，利于团购客户进行商品的选择。 3、添加多团模式功能，越来越多的网民进行团购，所以团购的商品供不应求，一日多团非常的符合大家的消费趋势，利于网站的发展 4、新增抽奖随机免单功能，这个是团购的一大亮点。团购运营商家进行促销的一大强势手段。 5、新增团购多阶段模式，这又是一大亮点，团购进行中可以根据预先设置的满足多少人价格降低为多少，人数越多越实惠，这更大大的促进大家来积极主动的参与。 6、新增退款功能，团购退款一直是一大难题。更丰富的功能等待大家的参与和使用！感谢您使用美团cms程序，欢迎随时在线体验商业版：http://demo.meituancms.com 如在使用过程中有任何疑问请访问www.meituancms.com 下载帮助文件解答如果您对我们的软件满意，欢迎咨询购买商业正式版。

我们在做商品详情页的时候，一般是有一个商品的标题的，那么商品详情一般都是比较长的，然后手机屏幕又比较小，这样往下拉的时候就看不到商品标题以及退出，分享，收藏按钮了，这样用户体验是不好的。相信大家都用过拉手团购，美团团购这些App，那我们先看下拉手团购的实现效果：当详情页的图片被往下拉到不见的时候，商品标题显示出来，一般的套路都是这样的，我们使用原生的ScrollView是实现不了这种效果的，所...

发帖

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript

社区管理员

加入社区

帖子事件

创建了帖子

2015-07-18 08:58

社区公告

暂无公告