在 dojo 工具包中滚动时 DIV 棒

Posted 2023-02-16

【中文标题】在 dojo 工具包中滚动时 DIV 棒

【英文标题】：DIV stick when you scroll in dojotoolkit

【发布时间】：2015-05-26 20:30:01

【问题描述】：

如何在 dojotoolkit 中创建 div 置顶？ 一些滚动功能？

http://dojotoolkit.org/reference-guide/1.8/dojo/dom-geometry/position.html#dojo-dom-geometry-position

【参考方案1】：

您确实可以为滚动事件创建一个事件处理程序并不断重新定位 div，或者您只需使用 CSS 并将 position: fixed 添加到 div。

例如：

body 
    min-height: 9000px;


.box 
    position: fixed;
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    background: yellow;

<div class="box">Even when you scroll this box stays centered</div>

【讨论】：

是的，但是在dojo中监听事件滚动？我不在道场。

先解释一下为什么你需要一个事件滚动。现在你只告诉我们你想让一个 div 具有粘性，你可以用纯 CSS 来做到这一点。不需要 Dojo 或 javascript。看上面的例子，缺少什么？

我希望 div 在滚动时保持活跃。 jquery 示例jsfiddle.net/livibetter/HV9HM