44得票5回答
如何在JavaScript中获取鼠标相对于窗口视口的位置?

event.pageY 获取鼠标相对于整个文档高度(document.documentElement.offsetHeight)的位置。 但我如何获取鼠标相对于当前视口的位置,即document.documentElement.clientHeight? 例如,如果浏览器窗口大小为720像素高...

43得票1回答
在Angular2中将元素引用传递给方法

我需要检查列表中的元素是否在视口内。为此,我使用了angular2插件angular-inviewport。 该插件会在卡片在窗口底部时立即返回true。我想要的是,在注册印象之前,卡片应该位于窗口的中心或者至少靠近顶部。为此,我需要当前元素的引用,并将其与窗口高度和Yoffset进行比较,...

42得票10回答
当软键盘打开时获取视口高度

当软键盘弹出时,我想获取准确的视口大小。目前我正在使用以下代码在头部使网站具有响应性:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1....

41得票5回答
HTML5模板:Meta viewport和width=device-width

我正在构建一个自适应/响应式网站。 关于HTML5BP的最近更改: "移动/iOS css修订" 我已经开始使用:<meta name="viewport" content="width=device-width"> ......而我在我的CSS中有这样的内容:html { ...

39得票3回答
如何在使用hyperref时使超链接导航到LaTeX中的图像顶部?

我有一个LaTeX文档,其中包含一张图片和对其的引用:\begin{figure} ... \caption{...} \label{fig:1} \end{figure} \ref{fig:1} 我使用hyperref包在生成的PDF中获取超链接。 但是,图表的链接导航到标题,使得图表本身...

39得票9回答
使用视口元标记来缩放适配移动网络内容的比例

我正在尝试利用移动视口meta标签自动缩放HTML页面的内容以适应Web视图。约束条件如下: - HTML页面可能具有固定大小的元素(例如,img具有640像素的固定宽度)。换句话说,我不想强制内容变成流体并使用百分比。 - 我不知道Web视图的大小,只知道其纵横比。 例如,如果我有一张单...

37得票4回答
当元素在视口中时,如何触发jQuery函数

我想在jquery.localscroll滚动到文档的某个位置时触发事件,该位置是一个div。 假设我们从顶部div垂直滚动到第三个div。当它滚到那里时,就应该触发该动作。

36得票5回答
检查元素是否在视口的30%和60%之间

我正在尝试在视口的30%到60%之间更改<li>元素的颜色。 所以我有一系列像这样并排堆叠的元素: 我尝试了一些插件,如Waypoints、Viewport Checker和其他一些插件,但都不是很好用。 有什么建议吗? 我使用的是非常简单的结构: JSFIDDLE ...

36得票4回答
如何强制网站适应移动设备(iPhone、Android等)进行缩放?

当我在iphone上加载我的网站时,它不会自动缩放。我只能看到左上角最上面的一些方形像素。虽然我对移动设备优化还很陌生,但我感觉大多数页面都会自适应滚动以适合屏幕大小,而且大部分问题似乎都是关于相反情况(强制手机不要缩小)。 我想让整个页面宽度都可见,并使用户必须放大才能阅读文本。 我尝试...

33得票4回答
iPhone6和iPhone 6 Plus的设备宽度CSS视口尺寸是多少?

iPhone 6和iPhone 6 Plus刚刚宣布。但是通常情况下,手机规格不会以CSS像素或DPR的meta viewport设备宽度大小表示,即width=device-width,initial-scale=1。 已经进行了预测,推测375/414像素的viewport宽度,但仍然不...