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

登录

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

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

Grayson.Shang · Grayson.Shang

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

具体如下：

position: sticky;

复制代码

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

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

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

div:has(> .top-sticky) {
top: 20px;
position: sticky;
z-index: 999;
}

复制代码

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

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

div[fgc-gui-bgname="top-sticky"] {
top: 0;
position: sticky;
z-index: 999;
}

复制代码

wangpenga · wangpenga

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

.fixedBb {
    position: fixed !important;
    top: auto !important;
    bottom: 10px;
    /* 这里需要自己指定宽度的像素 */
    width:60px !important;
    /* 这里需要自己指定高度的像素 */
    height:60px !important;
    }

复制代码

左一 · 左一

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

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

左一 · 左一

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

具体如下： ...

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

Grayson.Shang · Grayson.Shang

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

		自动登录	找回密码
密码			立即注册

[已处理] 想实现标签页滑动到最上方时固定在最上方

最佳答案

5 个回复

本帖子中包含更多资源

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证

圣诞拼拼乐

悬赏达人