【问题标题】:Make one html element follow another使一个 html 元素跟随另一个
【发布时间】:2014-05-22 22:53:49
【问题描述】:

我有一个 AngularJS、JS、JQ、HTML5、CSS3 网络应用程序。 Web 界面应该分为两部分,第一部分应该是可调整大小的。

我想使用 jquery 将<preview> 元素的位置从第一部分绑定到第二部分顶层的位置("response" 图像上的字的位置)。所以它看起来像这样:

无论何时上升或下降,它都应始终位于边界线之下。

有谁知道如何使用 JQuery 解决这个问题?每个有用的答案都受到高度赞赏和评估。

谢谢。

【问题讨论】:

  • 从我看到的地方,你只需要 CSS 和 HTML 就可以做到这一点......但是如果没有看到你的任何代码就很难说......也许你可以创建一个 jsFiddle 让我们看看?
  • 您所描述的内容听起来很像元素的默认布局,您能否解释一下为什么将预览元素放在您希望它跟随的元素之后并不能达到您想要的效果?我确定这只是一个解释。
  • 它太复杂了,因为它与我们的网络服务紧密绑定。
  • @NazarSobchuk:“这太复杂了,因为它与我们的网络服务紧密绑定。” 创建一个人们可以帮助你的simple enough example 是你的工作。
  • @T.J. Crowder,因为预览元素位于第一部分中,在 AngularJS 控制器的范围内,必须保留在那里才能正常工作。

标签: javascript jquery html css angularjs


【解决方案1】:

我可能不明白这个问题,但您可以尝试围绕所有 HTML 元素创建一个容器 div 并为其赋予一个浮动 css 属性。
然后你可以将你想要的元素剪切/粘贴到你的容器外面,并给它 clear 两个 css 属性

【讨论】:

  • 嗯,你看..我做过类似的事情。我的整个 html 代码都用一个可调整大小的 div 包装(JQuery-ui 可调整大小)。现在我想将我的 HTML 中的一个元素移到边框下,而不是直接替换它的 HTML 代码。
猜你喜欢
  • 2012-05-29
  • 1970-01-01
  • 2015-02-12
  • 1970-01-01
  • 2019-06-04
  • 1970-01-01
  • 1970-01-01
  • 2015-03-25
  • 1970-01-01
相关资源
最近更新 更多