显示位于视口中的div

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css

我有10个div元素，它们都是500px的宽和高；<div class="cont_2">a lots of content here..</div>div{height:500px; backgro

浏览 5提问于2016-07-16得票数 0

回答已采纳

1回答

我无法让页脚在我向上滚动页面时不显示

css、bootstrap-4

我正在为我的网站设计一个页脚。页脚当前固定在底部，但它始终显示在视口中，无论我位于页面的顶部、中间还是底部。所需结果：页脚应停留在页面底部，除非页面底部实际上位于视口内，否则不会出现在视口中 <div class="con

浏览 6提问于2018-05-29得票数 0

回答已采纳

1回答

使用javascript实现div的水平滚动

javascript、scroll

我有一个div，其中有一个表。该表的列数与其下方显示的水平滚动条的列数相同。我必须突出显示位于最右侧且不在视口中的文本框。如何在视口中获取该文本框？

浏览 0提问于2011-08-03得票数 0

回答已采纳

1回答

在视口窗口中选择的位置浮动div

position、textselection

如何将浮动div (即位置:绝对值，例如对话框)放置在选定的文本下，同时在视口窗口中显示整个div，即使所选内容位于窗口边缘？

浏览 4提问于2022-11-10得票数 0

1回答

当某些像素进入视口时设置动画(Bramus的钢笔)

javascript、jquery

当我进入视区时，我使用下面的动画(FadeInUp)div。但是，目前仅当div完全位于视口中时，div才开始淡入。我需要的是当div是视口内的某个像素时启动动画的灵活性。例如，当视口中的div为100像素时，它将启动动画FadeInUp。我如何使用我正在使用的当前代码/笔(参见下面的代码)来完成此操

浏览 10提问于2017-06-17得票数 0

1回答

在CSS背景图像中添加URL链接-@仅媒体屏幕

html、css

我有一个灵活的时事通讯-3个步骤：小于600像素除了图像上的链接之外，所有的东西都可以工作，我有一个CSS条目，看起来像这样： @media only

浏览 0提问于2017-11-08得票数 0

2回答

当div在视口中时加载Javascript

javascript、html

这就是HTML文件中的Div <div class="inViewport"> 并且仅当div位于视口中时才应加载此脚本 <script type="text/javascript">

浏览 12提问于2021-01-23得票数 0

1回答

Jquery inview将类添加到最后一个元素

jquery、inview

我正在尝试使用jquery inview插件将一个类添加到位于视口中的元素中。由于某些原因，插件只将类添加到最后一个元素，即使其他元素在视口中清晰可见。下面是我的代码：<div class="container-fluid"> <article class=&q

浏览 2提问于2015-10-06得票数 0

1回答

如何在滚动angular 2中的文档时自动获得div id

angular

当文档中有多个div可用时，如何在向上或向下滚动div时获取div元素的ID？

浏览 26提问于2019-02-11得票数 0

3回答

jQuery:移动窗口视口以显示新切换的元素

jquery、hide、toggle、show、scrollto

我在文档ready中有一段jQuery，它可以切换包含textarea的div$('a#addnote-link').click(function() { // click event listener on link $('div#addnote-area').toggle(); //

浏览 0提问于2010-02-25得票数 15

回答已采纳

3回答

如何检测一组元素中哪些位于窗口中心以下

javascript、jquery、positioning

寻找有关如何检测集合中当前位于视口中心的元素的想法。// 起点：

浏览 0提问于2013-04-19得票数 0

回答已采纳

1回答

我在为boot strap中的嵌套列构建响应布局时遇到了问题

css、twitter-bootstrap、bootstrap-4

<div class="col"> <div class="col"> </div> <d

浏览 6提问于2021-08-03得票数 0

回答已采纳

1回答

如何检测组件当前是否在视口中

javascript、angular、animation、dom、typescript

我想检测一下组件的位置。当前位于视口中，如果是，则运行触发器，该触发器将统计此特定组件上的动画。<div id="one">ww</div> <div id="two">aa</div</

浏览 0提问于2016-12-23得票数 14

1回答

确保内容位于视口中

css、html、positioning

我正在尝试设计一个页面，它可以在许多不同类型的显示尺寸上工作。现在，我有一个重要的内容块(本质上是一个显示当前状态的小矩形)，它绝对定位在一个相对定位的容器中。当页面加载到具有大屏幕的设备中时，这提供了所需的行为:内容显示在所需位置的“折叠上方”(不需要滚动)。对于小屏幕的设备(或者，我猜想，浏览器没有最大化)，框会出现在第一个屏幕之外，我希望框显示在页面的底部，直到用户向下滚动到

浏览 0提问于2012-06-22得票数 2

1回答

将div放在视口的底部，而不覆盖以前的内容

css

我有一个外部div，称为#wrap，和两个内部div：#container和#footer。内容在#container中，并且是动态的。可能有一点，也可能有很多。当内容最小时，页脚div可能出现在页面的一半位置。但是，这会根据显示器/分辨率的不同而不同。在大型显示器上，从底部50%计算的值在小/杂乱的视口中可能仅为10%。container{ margin:0px 0px 50p

浏览 0提问于2012-10-20得票数 0

回答已采纳

1回答

Unity Rect Mask 2d溢出

unity3d、unity-ui

image here 我使用滚动条区域上的矩形蒙版2d来隐藏滚动视区之外的元素。在某种程度上，这是可行的。显示为红色的UI元素直到用户向下滚动到它时才会出现。但是，当UI元素部分位于视口中时。这不是我想要的。如果UI元素不能完全显示在视口中。我希望元素要么完全消失，要么最好是完全消失，这样UI元素在视口内的部分被渲染，而<

浏览 25提问于2020-01-05得票数 0

回答已采纳

1回答

HTML "Div“无法在小型监视器上显示全高

html、css

一个是24英寸，另一个是我笔记本电脑的显示器(12.5英寸)。我的web应用程序中的"div“(红框)可以在大屏幕上全高显示，但只是小屏幕上的一部分。我的问题是，为什么它在不同大小的显示器上显示不同？因为我的css中的所有高度设置都是百分比，而我从来没有使用绝对数字作为高度。为什么红框(div id是"scrollTable&

浏览 19提问于2020-11-06得票数 0

回答已采纳

2回答

确定是否显示uiview

iphone、cocoa-touch、ipad、uiview、uikit

是否有可能确定是否要显示uiview obj。想象一下:你在一个uiscrollview中有两个uiview。现在，您将每个手势从第一个视图切换到第二个视图。第一个视图现在不在视口中。现在，我希望得到这样的通知:此视图位于视口中，或已重新显示。对于第二个视图也是如此。我没有找到任何回调或类似的东西。

浏览 2提问于2010-09-03得票数 0

1回答

如何在div中将单击的图像定位到视区的水平中心？

jquery、html、center、viewport

我有一个flex div，其中一行包含7个图像。在初始状态下，视口中只有前五个图像，第三个图像位于水平中心。当单击其中一个图像时，需要将其移动到视口的水平中心，并且应相应地重新定位其余图像。诚挚的问候。

浏览 11提问于2020-04-10得票数 0

1回答

如果div位于视口中间，则启动css动画

javascript、html、css

我想要在div位于视区中间时启动CSS动画。我的代码可以工作，但只有在它位于视区的开头时才会启动。我要做什么计算，使动画开始时，它是在视口的中间。

浏览 11提问于2020-08-27得票数 1

点击加载更多