jQuery将Div放在屏幕底部

如何使用jQuery在屏幕上（底部或顶部）显示div。

这可以通过基本CSS来实现，但是如果失败，则可以使用一些jQuery / JavaScript
潜在地解决了即使在滚动时也将div保持在屏幕底部的问题。

.bottom { position:fixed; position:absolute; right:0; bottom:0; padding:0; margin:0; }

/*IE FIX*/
.fixie {
  left: expression( ( - jsrp_related.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( - jsrp_related.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

//note you MUST set a height property for it to work correctly
if ( $.browser.msie ) {
	div.css({position: "absolute", width: jslide_width, right: 0, height: 100});
	div.addClass('fixie');
} else {
	div.css({position: "fixed", width: jslide_width, right: 0, height: 100});
}

观看演示

进一步的技术

还有一个jQuery 插件 ，可以使侧边栏中的任何元素保持可见。

From: https://www.sitepoint.com/jquery-div-bottom-screen/