想实现标签页滑动到最上方时固定在最上方

一看就会，超有用活字格技能：三十三，页面中的悬浮button
https://gcdn.grapecity.com.cn/showtopic-49776-1-1.html
(出处: 葡萄城开发者社区)



这个是固定在一个位置，我想实现这个标签页初始在原来的位置上，向下滑动的时候，当滑动到最上方的时候就固定在最上方，当向下滑动时慢慢还原到原来的位置上。
这回答的看不懂。

是的，那就是这种模式的限制的，若是想要开启范围模式，就需要通过JS动态获取DIV的宽高，然后动态设置fixed了

Grayson.Shang 发表于 2024-11-13 16:24
感谢大佬支持，我这边找了另一个方案，是CSS中提供的一种方案，可以将div粘性在某一个位置。

具体如下： ...

可以用，但是需要注意页面中的行距不能设置为范围模式，否则还是会滑过去。

wangpenga 发表于 2024-11-13 10:25
把这段代码放到css里，然后给你的按钮添加 fixedBb 类名，就可以了

这个还是直接就固定在一个位置了

把这段代码放到css里，然后给你的按钮添加 fixedBb 类名，就可以了

1. .fixedBb {
   
2.     position: fixed !important;
   
3.     top: auto !important;
   
4.     bottom: 10px;
   
5.     /* 这里需要自己指定宽度的像素 */
   
6.     width:60px !important;
   
7.     /* 这里需要自己指定高度的像素 */
   
8.     height:60px !important;
   
9.     }

复制代码

感谢大佬支持，我这边找了另一个方案，是CSS中提供的一种方案，可以将div粘性在某一个位置。

具体如下：

1. position: sticky;

复制代码

具体解释：
将选中的 div 设置为粘性定位。当页面滚动到一定位置时，元素会“粘”在视口内的特定位置（在这里是 top: 20px），直到父容器的边界。

在活字格中具体设计如下：
1、给需要粘性定位的单元格设置CSS类名


2、在CSS文件中，加入这个CSS即可

1. div:has(> .top-sticky) {
   
2.     top: 20px;
   
3.     position: sticky;
   
4.     z-index: 999;
   
5. }

复制代码

3、若是对应单元格，还存在背景图片，然后给背景图片命名

再加入下面的CSS，背景图片也可以实现类似的效果

1. div[fgc-gui-bgname="top-sticky"] {
   
2.     top: 0;
   
3.     position: sticky;
   
4.     z-index: 999;
   
5. }

复制代码