Tag: 相对

相对侧边栏固定,当它到达窗口的末端

我需要的是侧边栏滚动与正常页面(相对),当边栏的最后一行文本(无论什么)进入视图时,sidbar应该更改为固定。 因此,我不会在侧边栏区域有空的空间。 到目前为止我得到了什么: $(function() { var top = $(‘#sidebar’).offset().top; var sidebartop = $(‘#sidebar’).height() / 2; $(window).scroll(function(evt) { var y = $(this).scrollTop() – sidebartop; if (y > top) { $(‘#sidebar’).addClass(‘fixed’).css( “top”, -top -sidebartop + 220) } else { $(‘#sidebar’).removeClass(‘fixed’); $(‘#sidebar’).css( “top”, “auto” ); } }); }); http://jsfiddle.net/VtPcm/437/ 它实际上是工作 – 但不是动态的,所以如果我改变侧边栏的高度,我必须再次设置脚本 – 所以我该如何改变它?

JQuery – 复制元素的维度和绝对位置

我正在尝试将元素的尺寸和位置(相对于文档)复制到另一个元素上。 例如: var SelectedElement = $(“div#MyTargetElement”); // The CopiedButEmpty element is a div with absolute position that is meant to hover/float above the selected element. $(“div#CopiedButEmpty”).css(“width”, SelectedElement.width()).css(“height”, SelectedElement.height()) .css(“left”, SelectedElement.offset().left).css(“top”, SelectedElement.offset().top) .css(“marginTop”, SelectedElement.css(“marginTop”)).css(“marginLeft”, SelectedElement.css(“marginLeft”)) .css(“marginRight”, SelectedElement.css(“marginRight”)).css(“marginBottom”, SelectedElement.css(“marginBottom”)) .css(“paddingLeft”, SelectedElement.css(“paddingLeft”)).css(“paddingTop”, SelectedElement.css(“paddingTop”)) .css(“paddingRight”, SelectedElement.css(“paddingRight”)).css(“paddingBottom”, SelectedElement.css(“paddingBottom”)); 但在某些情况下,它仍然没有给我正确的位置。 我错过了什么吗? 有没有办法轻松复制元素位置(相对于文档),所以我的元素“CopiedButEmpty”可以hover元素。 提前致谢!