问题标签 [viewport]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1927 浏览

jquery - jQuery:如何检查文档中的块是在视口内还是在视口外?

如果页脚在视口内,我基本上是在尝试触发一个函数。

如何检查页脚当前是否在视口中可见?

我假设我必须将它放入$(window).scroll()事件中,以便一旦页脚变得可见,侦听器就会变为真,但我只是无法弄清楚该函数应该是什么。

任何帮助将非常感激。

谢谢阅读,

詹尼斯

0 投票
1 回答
8962 浏览

iphone - Webkit iPhone App:如何在视口中动态更改用户缩放(或缩放、缩放和缩放)?

我将 JQTouch 用于 iPhone 应用程序。JQtouch 默认禁用缩放页面的可能性。对于一页(包含大图像),我需要启用捏合和缩放功能。这很简单 :

但是在用户玩过捏和缩放之后,我需要将缩放(缩放)动态重置为默认值。我试图重置视口:

调用上述代码后,无法再进行缩放(因为 user-scalable=0;),但不会将当前缩放比例更改为默认值。

我正在寻找像 setScale(1) 这样的东西,或者改变像 current-scale=1 这样的属性

任何的想法 ?

0 投票
4 回答
28085 浏览

jquery - 当用户到达页面底部时如何显示 div?

当用户滚动到页面底部时,我想显示一些 div,当然是 jQuery。如果用户滚动回顶部,div 会淡出。那么如何计算视口(或任何正确的名称):)

谢谢

0 投票
2 回答
759 浏览

silverlight - Silverlight 中类似“滚动到视口”的事件

Control在 Silverlight 中,如果 a (或 any FrameworkElement)已滚动到视口中并且现在可见,是否有任何方法可以获取通知事件?

我想实现类似Lazy Load Images jQuery Plugin的东西。

0 投票
2 回答
263 浏览

css - 是什么让我的页面略微超出视口?[CSS]

基本上我有点困惑。您将在http://furnace.howcode.com中看到,在第二列中,底部滚动条按钮略微超出了视口的末端。我很困惑,因为我一直在检查 CSS 并且找不到任何导致这种情况的东西。

你能看看吗?这可能是我刚刚错过的简单事情!:)

截屏:

嗯……?
(来源:droplr.com

0 投票
1 回答
2541 浏览

extjs - Ext.Viewport with Menu in North Region 问题

我的页面中有一个 Ext.Viewport... 在North region,我有一个下拉菜单... 但是当我将鼠标悬停在菜单项上时,菜单项会下拉,但这些项目会出现在Center 区域面板下方。我一直无法让它工作。我尝试设置 z-index 但一点运气都没有。

帮助?

谢谢

0 投票
1 回答
618 浏览

android - Android 2.1 地址栏导致视口尺寸发生变化

我有一个页面,其中有一个 100% 的宽度和高度 div(所有周围的元素都相应地调整大小,以便它实际上达到 100% 的宽度和高度)。在那个 div 下面我有一个固定高度的第二个 div。

在移动 safari 和黑莓中,一切都很好,当页面加载时,尺寸被正确应用(顶部 div 填充视口)并且用户可以向下滚动以显示第二个 div。Android 2.1 也正确地应用了尺寸,但有一个额外的怪癖;当用户向下滚动并从页面中移除地址栏时,会重新计算 div 的尺寸以填充视口,从而导致内容跳转。理想情况下,我希望 div 的尺寸在页面滚动时保持静态,但保持 100%,以便无论设备大小或方向如何,它都会填充视口。

有谁知道禁用此重新计算的任何方法?

感谢您的任何帮助,您可以提供。

0 投票
2 回答
767 浏览

jquery - jQuery 语法错误 - 尝试检测视口大小并选择背景图像以使用 w/CSS

请温柔,我还在学习。我想我的问题的解决方案很简单,也许我只是在电脑前太久了。

我正在尝试检测视口的大小,然后根据视口的大小使用不同大小的图像作为元素的背景。

这是我到目前为止所拥有的:

错误:

失踪 ; before 语句 [Break on this error] elseif ( pageWidth > 1280 ) {\n (Line 7)

对我来说,似乎我所有的分号都在正确的位置。两个问题:

  1. 我要以明智的方式解决问题吗?对我来说,一个简单的条件应该可以解决这个背景问题,因为代码只是根据它检测到的视口大小在两个图像之间进行选择。

  2. 你能帮忙指出我的 n00b 语法错误吗?有时,多一双眼睛看着这样的东西确实会有所帮助,即使很小。

非常感谢您的建议,我将继续浏览和阅读我可用的文档。

0 投票
5 回答
47675 浏览

javascript - 什么是 HTML 中的视口。

HTML中的视口是什么?您能否举例说明如何访问视口详细信息?

0 投票
7 回答
292025 浏览

jquery - 使用 jQuery 获取视口大小

如何使用 jQuery 确定浏览器视口的大小,并在调整页面大小时重新检测?我需要在这个空间中设置一个 IFRAME 大小(每个边距都有一点)。

对于那些不知道的人,浏览器视口不是文档/页面的大小。它是滚动前窗口的可见大小。