向下滚动组件后,如何设置“位置:固定”而不将组件恢复到其原始位置?

内森·杜勒

我有一个sidebar用户可以向下滚动的组件如果用户单击一个按钮(在组件外部),我[ngClass]会添加position:fixedsidebar,然后sidebar返回到它的原始位置。如何在sidebar不返回sidebar其原始位置的情况下防止滚动

编辑:建议我提供代码来解释我的问题,所以我在这里创建了一个 stackblitz

stackblitz 示例的主要部分是app.component, 和sidebar.component. 要查看我的问题,请向下滚动侧边栏,然后单击stopScroll按钮,然后查看侧边栏如何移回其原始位置。

弗拉德274

这在没有任何疯狂脚本的情况下是可能的,但它需要您为容器指定固定大小。通过更改overflow容器属性,我们可以将卷轴“锁定”到特定位置。

看看这个 StackBlitz

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

统一旋转后如何将对象恢复到其原始位置?

来自分类Dev

向下滚动后将固定的购物车返回到原始位置

来自分类Dev

向下滚动后将固定的购物车返回到原始位置

来自分类Dev

如何获取组件的滚动位置?

来自分类Dev

HTML / CSS:滚动div而不将位置设置为固定或绝对

来自分类Dev

HTML / CSS:滚动div而不将位置设置为固定或绝对

来自分类Dev

如何在自己的Joomla组件中存储和恢复网格的滚动位置?

来自分类Dev

我如何通过react-draggable将拖动的组件重置为其原始位置?

来自分类Dev

隐藏系列后将轴标签恢复到原始位置

来自分类Dev

隐藏系列后将轴标签恢复到原始位置

来自分类Dev

向上滚动时,基于滚动位置的javascript动画不会恢复为其原始状态

来自分类Dev

向上滚动时,基于滚动位置的javascript动画不会恢复为其原始状态

来自分类Dev

在安装组件之前反应设置滚动位置

来自分类Dev

如何将listview设置为其原始位置?

来自分类Dev

如何将listview设置为其原始位置?

来自分类Dev

在滚动以固定其位置时捕获div

来自分类Dev

当您在删除确认后单击“取消”(JQUERY UI可拖动和可放下)时,如何恢复到原始位置?

来自分类Dev

jQuery如何使元素在动画后恢复到初始位置

来自分类Dev

Unity-将弯腰的位置恢复到原始位置

来自分类Dev

emacs:滚动/向上/向下滚动后如何返回到最后一个位置?

来自分类Dev

如何使滚动条保持在固定位置div的内部,并且顶部像素向下推?

来自分类Dev

跟踪滚动位置并通知其他组件

来自分类Dev

跟踪React中组件的滚动位置

来自分类Dev

如何恢复已删除元素的原始位置?

来自分类Dev

如何在单击时将动画恢复为其原始大小和位置

来自分类Dev

恢复最小化窗口后,Java Swing 组件布局位置发生变化

来自分类Dev

在组件更新时在Redux中保存React组件滚动位置

来自分类Dev

从当前位置滚动一定量(向上或向下)后如何触发事件?

来自分类Dev

滚动窗口时如何固定按钮位置

Related 相关文章

  1. 1

    统一旋转后如何将对象恢复到其原始位置?

  2. 2

    向下滚动后将固定的购物车返回到原始位置

  3. 3

    向下滚动后将固定的购物车返回到原始位置

  4. 4

    如何获取组件的滚动位置?

  5. 5

    HTML / CSS:滚动div而不将位置设置为固定或绝对

  6. 6

    HTML / CSS:滚动div而不将位置设置为固定或绝对

  7. 7

    如何在自己的Joomla组件中存储和恢复网格的滚动位置?

  8. 8

    我如何通过react-draggable将拖动的组件重置为其原始位置?

  9. 9

    隐藏系列后将轴标签恢复到原始位置

  10. 10

    隐藏系列后将轴标签恢复到原始位置

  11. 11

    向上滚动时,基于滚动位置的javascript动画不会恢复为其原始状态

  12. 12

    向上滚动时,基于滚动位置的javascript动画不会恢复为其原始状态

  13. 13

    在安装组件之前反应设置滚动位置

  14. 14

    如何将listview设置为其原始位置?

  15. 15

    如何将listview设置为其原始位置?

  16. 16

    在滚动以固定其位置时捕获div

  17. 17

    当您在删除确认后单击“取消”(JQUERY UI可拖动和可放下)时,如何恢复到原始位置?

  18. 18

    jQuery如何使元素在动画后恢复到初始位置

  19. 19

    Unity-将弯腰的位置恢复到原始位置

  20. 20

    emacs:滚动/向上/向下滚动后如何返回到最后一个位置?

  21. 21

    如何使滚动条保持在固定位置div的内部,并且顶部像素向下推?

  22. 22

    跟踪滚动位置并通知其他组件

  23. 23

    跟踪React中组件的滚动位置

  24. 24

    如何恢复已删除元素的原始位置?

  25. 25

    如何在单击时将动画恢复为其原始大小和位置

  26. 26

    恢复最小化窗口后,Java Swing 组件布局位置发生变化

  27. 27

    在组件更新时在Redux中保存React组件滚动位置

  28. 28

    从当前位置滚动一定量(向上或向下)后如何触发事件?

  29. 29

    滚动窗口时如何固定按钮位置

热门标签

归档