DIV滚动到顶部或者固定高度悬浮

Posted 2023-05-08

如易迅网等网站产品详情页面，如下

滚动到顶端或者制定个位置，这一层悬浮。看他们代码，好像是滚动到顶端时，JS控制增加了一个class值，再写CSS控制的。
请懂的人给贴一下JS代码，JQuey下的也可以。

参考技术A 我感觉直接可以用DIV写，3个主DIV框架叠加，中间层一个绝对固定，就是你说的那个浮动的，最上面层就是一打开你看到的浮动还在下面的，最下面一层，就是浮动下面滚动的。
我感觉看了下你那个链接，那个滚动到上面的时候，浮动条内容发生了改变，所以不应该是同一个DIV。追问

还是原来的层。他应该是用JS .scroll(function()方法判断到达顶部或者一个预设的高度
if .....
$('#xxxx).addClass("XXXX");
else
$('#xxxx').removeClass("XXXX");
这样就可以用为XXXX写入新的CSS position:fixed 实现

追答

我看到他右边那个黄色的改变了位置，你一点点的剥掉他的图层看看， 将他的网页CTRL+S另存下来看看

参考技术B 用JS去实现，百度去 参考技术C 用绝对定位就好了啊。 不明白 你说的 这个是要怎么滚动。 是一直在页面的最顶端？ 还是 当他超出页面以后 自动 随页面在对顶端位置？追问

http://item.yixun.com/item-240657.html?YTAG=1.100021004&DAP=6532863686387912435:563798686203645857:2:240657你看下这个效果嘛。

在水平滚动中具有不同高度到顶部的集合视图引脚单元格

【中文标题】在水平滚动中具有不同高度到顶部的集合视图引脚单元格

【英文标题】：Collection View Pin Cell With Different hight to top in a horizontal scrolling

【发布时间】：2018-04-18 21:03:30

【问题描述】：

我有一个不同单元格高度的水平集合视图。默认情况下，单元格位于集合视图的中间。

我需要将它们固定到集合视图的顶部而不是中心，这样额外的空间将位于单元格下方。

我只有一行，总共 4 个单元格。

【参考方案1】：

我找到了解决方案。只需在 cellForItem 方法中添加此代码即可。

cell.frame = CGRect(origin: CGPoint(x: cell.frame.minX, y: 0), size: cell.frame.size)

还有

override func viewDidLayoutSubviews() 
    super.viewDidLayoutSubviews()
    collectionView.reloadData()