小编Pra*_*bhu的帖子
如何在模态窗口 [ ANGULAR 5 ] 内创建路由？
我有一个要求，我需要根据模态窗口主体内的某些条件在 2 个不同的视图之间来回切换。
这两种观点是：
- 列表项（初始视图）
- 添加新项目
添加新项目后，我需要切换到列表项目视图。
注意：所有这些视图都应显示在模态窗口主体内。
那么使用 ANGULAR 5 路由如何在这个模态组件中创建新的路由/子路由？
11
推荐指数
推荐指数
1
解决办法
解决办法
8399
查看次数
查看次数
在 Chrome / Firefox 移动浏览器中，粘性 HTML 元素隐藏在移动导航栏下方。如何解决这个问题？[ 更新 ]
要求 ：
- 我有一个带有名为 的按钮的操作栏
Next Scale，该按钮位于position: sticky移动bottom: 0视图中。 - 我希望这个 HTML 元素在我们滚动时粘在视口的底部，并在离开视图时保持在底部。
问题 ：
在下面给定的 GIF 图像中，操作栏和
Next scale按钮隐藏在移动导航窗格下方，而相同的粘性功能要求在桌面中按预期工作。如果我滚动到页面末尾并滚动回上方，操作栏将按预期工作并保持在导航窗格上方。但当我到达顶部时，它又被隐藏了。
问题 ：
- 如何确保粘性元素的
bottom计算从移动导航窗格上方开始，以便该元素始终可见？ - 如果这是移动设备的默认行为，那么如何解决这个问题？
CODEPEN 链接：（请在手机中打开“全页查看链接”以重现问题）
STICKY html 问题 codepen 链接（完整页面视图）
演示高清 YouTube 链接：
演示：
更新（8/7/22）：
- 发现这个问题是由于
dynamic viewport height移动浏览器的变化造成的（参考： https: //stackoverflow.com/a/72245072/4894872）。 - 以及我在代码中使用的布局样式。布局组件样式如下：
.layout {
display: block;
position: relative;
height: 100vh;
width: 100vw;
min-height: 100%;
overflow-x: hidden;
}
基于 CANIUSE，新的视口单元选项，如
dvh、lvh、svh目前仅适用于 Firefox 和 Safari。（在撰写本更新时。（参考：https: …
11
推荐指数
推荐指数
1
解决办法
解决办法
6298
查看次数
查看次数
Prettier 会在按下保存按钮（ Ctrl + S ）时删除“React”导入。如何解决这个问题？
按 后CTRL + S，prettier 将从Reacttsx 文件中删除导入，假设文件中未使用它。
如何解决这个问题？
6
推荐指数
推荐指数
1
解决办法
解决办法
2807
查看次数
查看次数
使用具有变换原点中心的滚轮在鼠标点上放大/缩小图像。需要帮助计算
语境 ：
- 我的要求是通过用户对图像的操作进行图像转换，例如缩放、旋转和平移。
- 图像的旋转和平移是在其中心使用变换原点 50% 50%（默认）完成的。
- 为了使用鼠标滚轮缩放鼠标点上的图像，我能够使其与变换原点 0 0 一起使用
- 只是为了在更改原点时适应缩放行为，我需要重新计算相对于新原点的其他转换。
问题 ：
- 如果变换原点默认为 50% 50%，如何缩放鼠标点上的图像？
- 以下小提琴与变换原点 0 0 一起工作以供参考。我需要帮助使用变换原点 50% 50% 来优化此计算。
有人可以协助进一步优化此计算，以便它可以与默认变换原点一起使用吗？
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.container {
background-color: lightgrey;
}
.stage {
height: 100%;
width: 100%;
overflow: hidden;
}
#image {
transform-origin: 0 0;
height: auto;
width: 80%;
cursor: grab;
}
.actions {
display: flex;
position: absolute;
bottom: 0;
left: 0;
height: 1.5rem;
width: 100%;
background-color: lightgrey;
}
.action {
margin-right: 1rem;
}
</style>
</head> …5
推荐指数
推荐指数
1
解决办法
解决办法
2416
查看次数
查看次数