Javascript 定位Div内容,使其不被截屏

Javascript 定位Div内容,使其不被截屏,javascript,jquery,html,Javascript,Jquery,Html,全部, 编辑: 我需要知道是否有人知道API允许我: 显示一个div内容,这样当隐藏的div出现时,它的内容就不会被切断,换句话说,可以说,一些div内容不会离开屏幕。这将节省我为每种情况编写java脚本代码的时间 谢谢。我一直在寻找一个很好的解决方案: 它定位内容并确保内容不会与视图端口断开。尝试以下操作: if([DivObj].style.left + [DivObj].style.width > window.innerWidth) { [DivObj].style.left

全部,

编辑: 我需要知道是否有人知道API允许我:

显示一个div内容,这样当隐藏的div出现时,它的内容就不会被切断,换句话说,可以说,一些div内容不会离开屏幕。这将节省我为每种情况编写java脚本代码的时间


谢谢。

我一直在寻找一个很好的解决方案: 它定位内容并确保内容不会与视图端口断开。

尝试以下操作:

if([DivObj].style.left + [DivObj].style.width > window.innerWidth) {
  [DivObj].style.left = (window.innerWidth - [DivObj].style.width);
}

对于高度也可以这样做。

为什么要使用jQuery?最好将样式保存在样式表中。最初,我要显示的内容是隐藏的。用户单击图标,然后我显示内容。它基本上是一个日历,每天都有项目,当用户单击屏幕右边缘附近的日期时,内容在显示时会被切断。右。使用class='hidden yourclass',然后$'.youricon.在html中创建这些div。单击=>$'.yourclass.removeClass'hidden'我一直在寻找一个始终可见的div方向上的内容,因此当你滚动页面时,div会与它一起滚动。我想我将使用jQuery UI position函数,如果我没有找到magic div,它似乎非常方便。请阅读,并向我们展示您的代码。