腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4480)
视频
沙龙
1
回答
如果
完全
在
视
图中
,
则
intersectionObserver
获取
比率
1
(
大于
视
口
)
、
现在在scroll上,我尝试使用导航项目的底部边框的宽度来显示进度(一个部分在视
图中
有多少)。在下面,您将找到我如何实现它的示例。现在您可以看到,
如果
截面高于
视
口
,
则
intersectionRatio永远不会达到
1
(这反过来也不会绘制全宽边框)。是否有任何选择或替代方案,我可以使用,以真正实现全宽?
IntersectionObserver
' in window) { } sectio
浏览 36
提问于2020-01-24
得票数 3
回答已采纳
4
回答
是否检测到用户已滚动到div底部而没有发生滚动事件?
、
、
我正在寻找js解决方案,当用户滚动到div的底部时检测到 ..。 这里有大量的解决方案,描述了如何使用 事件,但我想知道是否可以使用更新的技术来实现这一点,比如 这不需要附加scroll事件。
浏览 95
提问于2018-10-03
得票数 1
回答已采纳
1
回答
如何复制给定的
视
口
保持高宽比?
、
、
我有一个符合窗口大小的
视
口
渲染的3D场景。因此,
视
口
(相机)的纵横比取决于窗口的大小。
在
视
口
顶部,我画了一个高宽比为16:9的画框,它也符合
视
口
,它在
视
口内垂直和水平地居中。见下面的屏幕:现在我想渲染相同的3D场景
在
视
口
16:9,将包含
完全
相同的“像素”,是包含在屏幕上的橙色框架。所以
在
另一个窗口中,我创建了一个<e
浏览 2
提问于2018-11-20
得票数 0
1
回答
视觉和布局
视
口
以及文档
、
、
、
我一直
在
阅读quirksmode.org上关于视窗的文章和Peter Koch的“网络和移动手册”一书,我有一些问题。这是我理解
视
口
世界的方式: 我们有视觉和布局
视
口
。它们等于浏览器窗口的宽度和高度。实际上,html元素被限制
在
浏览器窗口中。但是
如果
我们给出比浏览器窗口更宽的宽度呢?我现在怀疑我们也有不同于
视
区的文档。文档将具有现在给定的宽度,布局和可视
视
口
保持不变。这在移动端和台式机上是一样的,除了移动端的视觉和布
浏览 1
提问于2018-05-05
得票数 1
1
回答
不使用inkscape缩放svg内容以适应页面大小(反之亦然
、
、
、
我想缩放SVG图像以适应页面大小(反之亦然:裁剪页面以适应内容)。这可以使用here中描述的inkscape来完成。然而,没有gui,似乎就没有办法做到这一点。通过命令行使用操作和谓词总是需要GUI。有没有其他方法可以将其存档?
浏览 29
提问于2020-06-29
得票数 0
2
回答
我怎样才能得到窗口的
视
口
大小?
、
、
我试着得到窗口的
视
口
宽度。当我使用document.documentElement.clientHeight(or)window.innerWidth时,我
完全
可以得到我需要的东西。
如果
我
在
最小化模式下登录,那么
如果
我最大限度地提高窗口的
视
口
宽度,就不会调整大小,当它最小化时,我得到了它的
视
口
宽度。我该怎么剪呢?我也尝试在这里使用document.body.clientHeight.But,我还得到了problem.
浏览 1
提问于2010-11-01
得票数 2
1
回答
可以使用宽度和高度的最小值的百分比
在
SVG中创建
视
区吗?
我想在SVG文件中创建一个
视
区,其中两个边的一个垂直方向和另一个水平方向各减少20%,其中20%是宽度和高度的最小值。因此,
如果
图像的宽度
大于
高度,
则
视
口
将是高度的80%,宽度的80%以上。
如果
图像的高度
大于
宽度,
则
视
口
将为宽度的80%,高度的80%以上。
如果
图像是正方形,
则
视
口
将是宽度和高度的80%。也就是说,图像内部
浏览 1
提问于2015-04-12
得票数 0
2
回答
检查跨原点iframe是否即将使用
IntersectionObserver
与父页相交。
、
、
我
在
父页面中嵌入了一个跨源 iframe。我想知道我的<iframe>何时出现在可视视
图中
。我可以使用
IntersectionObserver
:let observer = new
IntersectionObserver
(cb,root: nullobserver.observe(document.documentElement) 当我使用root: null (默认值)时,我处于隐式根模式,因此root默认
浏览 2
提问于2021-03-30
得票数 1
1
回答
中心内容有最小和最大长度和单标签
、
、
如果
视
口
小于内容的最大宽度,
则
内容接受内容的最大宽度。,
如果
视
口
大于
内容的最大宽度,
则
内容必须居中。边框底部总是占
视
口
宽度的100%。.Component { border-bottom:
1
px solid #283593; min-width
浏览 1
提问于2020-10-16
得票数 1
回答已采纳
1
回答
SVG
在
最大维度拉伸,然后填充其余的
、
、
、
如果
我希望我的背景延伸到最大的维度,然后填充其余的内容,我应该使用什么CSS: Case
1
:
如果
浏览器的视图宽度> viewheight,使svg取
视
口
高度,保持高宽比(
1
:
1
),然后
在
水平上重复,直到身体
完全
覆盖。案例2:
如果
浏览器的视图宽度<viewheight(通常是网站的移动版本),
则
让svg
获取
视
口
的宽度,保持高宽比
浏览 0
提问于2017-04-19
得票数 0
回答已采纳
2
回答
相交观察者仅观察我的组件的底部,并且仅当所有组件都消失时才触发
、
我将组件的顶部侧相对于
视
口
的to侧进行观察。其目的是
在
20%的组件可见时触发回调。 我
在
developer.mozilla.org上看到,默认情况下,API还会从根的顶部观察目标。您可以在此页面上看到一个示例:https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API 因此,我已经决定了何时80%的顶级组件将离开
视
口
以触发回调下面
浏览 27
提问于2019-05-16
得票数 0
1
回答
包含Ajax加载内容的无限可滚动Div?
、
、
、
、
如果
用户
在
我的页面上,他只能看到视图(图片中的绿色框)。此视
图中
的所有DOM元素
在
页面加载时对用户都是可见的。
在
页面加载(图像中的蓝色框)上加载页面后,未加载视
图中
的Alle DOM元素。
如果
用户拖动并移动
视
口
,
则
所有dom元素都会显示
在
视图端口上。
如果
它们
在
视窗上,它们将通过ajax加载。 用户可以放大和缩小视
口
,使其越来越大。此外,
如
浏览 3
提问于2013-10-14
得票数 9
回答已采纳
1
回答
影响col
视
口
的col-md类
、
我已经将20 it的边距应用于col-md-5,
如果
视
口
大小
大于
990 it,
则
所有的操作都很好,当
视
口
小于col-md-5时,所有的操作都很好。我原以为只有当
视
口
大于
990 is时,col 5才会适用,我错了吗?
如果
是的话,那么怎样才是解决这一问题的正确方法。> <div class="col-xs-10 col-md-5">Lorem I
浏览 2
提问于2016-03-03
得票数 1
回答已采纳
1
回答
如何在ScrollViewer中禁用滚动压缩
、
在
模板中,我使用具有以下属性的ScrollViewer: VerticalScrollBarVisibility="Disabled"有什么方法可以禁用这种行为吗?
浏览 0
提问于2013-08-29
得票数 2
回答已采纳
2
回答
调整
视
口
大小时动态更改元素高度
、
、
当使用纯CSS调整
视
区大小时,是否可以更改HTML元素的高度?很难解释这个问题,但我仍然会尝试: (右击图像并选择“显示图像”以全尺
浏览 2
提问于2013-12-28
得票数 0
1
回答
ImageView不调整大小以适合
、
我
在
Pane中添加了一个Pane(自定义对话框窗口的一部分);但是当设置图像时,它被剪裁而不是调整大小。"> <Rectangle2D height="100.0" width="100.0" /></ImageView> dialogArt.setFitWidth(100)
浏览 7
提问于2022-03-11
得票数 1
回答已采纳
0
回答
查找设备宽度并回显元
视
口
规则
、
、
、
基本上,我需要对设备宽度使用多个
视
口
规则。initial-scale=0.6, width=700">但我们知道,我们只能使用一个
视
口
规则,并且与媒体查询不同的是,
在
视
口
规则的"width“参数中没有(min-width)和(max-width)。我想要做的是
浏览 0
提问于2018-07-14
得票数 1
回答已采纳
2
回答
移动
视
口
的大小是基于浏览器还是基于屏幕分辨率?
、
、
、
、
以下是一些流行的移动浏览器
视
口
大小:-iPhone safari浏览器
视
口
980px-IE移动浏览器视窗320px 。的分辨率来缩放
视
口
大小。
浏览 0
提问于2016-12-27
得票数 4
2
回答
使用
IntersectionObserver
触发CSS动画的问题
、
我试图使用
IntersectionObserver
来观察3 container,以便当它们一个接一个地
在
视图端口内时,wipe-enter动画就会启动。
如果
我缓慢地滚动到一个container (即
视
口外),使其只有一部分位于
视
区内,那么container一直
在
闪烁,直到它
完全
在
视
口内。当container闪烁时,我试图检查它,并且似乎container-animation类不断地被添加和删除,直到container
完全</e
浏览 12
提问于2022-03-21
得票数 0
回答已采纳
3
回答
对内联元素使用ScrollWidth
、
、
、
我
在
获取
div中的内容的精确宽度方面有问题,div中的内容(内容)有时较小,但有时
大于
视
口
(溢出是隐藏的)。这个问题与JS-方法的填充/边距/边框问题无关。clientWidth和offsetWidth只返回内容的可查看宽度,
在
我的示例中是viewport宽度,因为div是块级元素。
如果
div扩展了viewport,scrollWidth将给我内容的宽度,但是
如果
div较小,它将给我
视
口
宽度。原因
浏览 4
提问于2016-08-16
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
组件复用那些事儿-React 实现按需加载轮子
什么是响应式网页设计?
怎么锁定CAD的视口-实用的视口锁定技巧高效提高作图效率!
响应式有何难?看完这篇你就懂了!
CAD技巧-CAD布局怎么用?简单讲解CAD布局用法和基本操作
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券