基于视口中元素的可见性和持续时间的操作
是指根据用户在网页或应用程序中的可见性和停留时间来触发特定的操作或事件。这种操作可以通过监测用户的滚动、鼠标移动或触摸事件来实现。
这种操作在前端开发中非常常见，可以用于改善用户体验、提高页面性能和实现各种交互效果。以下是一些常见的基于视口中元素的可见性和持续时间的操作：
- 图片懒加载：当用户滚动页面时，只加载当前可见区域内的图片，而不是一次性加载所有图片。这可以减少页面加载时间，提高性能。腾讯云的图片处理服务可以帮助实现图片懒加载，详情请参考：腾讯云图片处理
- 无限滚动：当用户滚动到页面底部时，自动加载更多内容，实现无限滚动效果。这可以提供更流畅的浏览体验。腾讯云的对象存储服务可以用于存储和获取无限滚动加载的内容，详情请参考：腾讯云对象存储
- 广告展示和统计：当用户浏览页面时，根据广告位的可见性和停留时间来展示和统计广告效果。这可以帮助广告主评估广告投放效果。腾讯云的广告投放服务可以帮助实现广告展示和统计，详情请参考：腾讯云广告投放
- 用户行为分析：根据用户在页面上的可见性和停留时间，分析用户的行为和兴趣。这可以用于个性化推荐和用户画像分析。腾讯云的大数据分析服务可以帮助实现用户行为分析，详情请参考：腾讯云大数据分析
基于视口中元素的可见性和持续时间的操作可以提升用户体验、优化性能和实现个性化功能。在实际开发中，可以根据具体需求选择适合的技术和腾讯云产品来实现。
相关·内容
1回答
我正在设计一个使用MEAN堆栈的网站，虽然有许多教程指导如何使用MEAN堆栈开发web应用程序，但我不确定向您的应用程序添加动画的最佳方法是什么。具体地说，是否所有的动画都应该放在CSS和html模板中引用这些类。如何使用HTML5画布添加高级动画功能，它位于项目的哪个部分。将动画添加到MEAN应用程序中最通用和最干净的方式是什么，Angular中的ng-Animate是这样做的吗？
编辑:我特别想实现的是一个包装在礼物中的盒子礼物的图像，在它的左边挂着一条丝带。现在我想要一个小男孩/女孩从左向右拖动丝带并打开礼物。最好的方法是什么，这与MEAN堆栈非常吻合？
浏览 1提问于2016-08-26得票数 0
1回答
我已经寻找了大约一个小时的答案，但我没有找到任何非常正确的东西。
我有一个带有图标的水平时间线，我已经为每个图标添加了tabindex，这样你就可以用tab键浏览时间线/图标(它们使用simple :hover和:focus css突出显示)。
我想添加一些jquery来确保页面滚动到当前聚焦的图标，理想的位置是靠近用户屏幕的中心(水平方向)，理想情况下是某种平滑的滚动……
我看过scrollTo，但找不到任何能满足我需要的示例。
请帮帮我！
谢谢:)
浏览 1提问于2014-02-24得票数 0
1回答
我有一个包含多行div的容器，我想从左到右在每一项之间有一个短时间的偏移量，但仅当行在滚动的视区中时才进行动画处理。我不想在html中将它们分组为行，因为项目需要每行4个项目，每行3个项目等等。基于屏幕大小。
我基本上想做下面的代码，但只在视口中的行上，当向下滚动页面时，在视口中动画下一行等。
$('.gallery-item').each(function(i){
$(this).delay((i++) * 200).fadeTo(400, 1);
});
要了解我希望实现的效果，请访问firstborn studios工作页面
任何帮助都将不胜感激。
浏览 0提问于2016-02-11得票数 0
我有一个有图片的网页。当我滚动到图像的时候，我希望它们有动画。我就是这样做的。
$.fn.is_on_screen = function(){
var win = $(window);
var viewport = {
top : win.scrollTop(),
left : win.scrollLeft()
};
viewport.right = viewport.left + win.width();
viewport.bottom = viewport.top + win.height();
var bo
浏览 0提问于2014-04-05得票数 2
回答已采纳
1回答
所以我今天遇到了一些奇怪的事情..我有一个测试，可以验证主页上是否存在页脚元素。我使用一种非常基本的方法，使用WebDriverWait(DriverWait)。
public boolean verifyCarResearchLnkIsClickable() {
return driverWait.until(ExpectedConditions.elementToBeClickable(selector.getCarResearch())).isDisplayed();
}
然后，我在一个测试步骤中使用TestNG的断言验证这一点。
Assert.assertTru
浏览 0提问于2016-03-18得票数 1
我体验过这种滚动进入视图的行为。通常，我会使用类似以下的操作或JavaScript将元素滚动到视图中：
Actions actions = new Actions(driver());
actions.moveToElement(element).build().perform();
或
js().executeScript("arguments[0].scrollIntoView();", element);
当元素不在视口中时，它们都可以很好地工作。但有时，我的元素已经在视口中，当它到达这些命令时，它实际上将这些元素滚动到视图之外，测试失败，因为它是不可点击的。
有没有人遇
浏览 21提问于2020-03-06得票数 0
回答已采纳
1回答
我正在设计一个网站使用响应式Bootstrap框架。
我有3个内容区域彼此相邻(水平)。如果我有一个小的显示器，这两个内容是在彼此之下(典型的响应式设计)。
现在，我想在每个内容块后面添加一个<hr/>。
<div class="row-fluid content">
<div class="span4">test1</div>
<div class="span4">test2</div>
<div class="span4">test
浏览 1提问于2013-06-13得票数 2
1回答
我的页面上有这样一些技能栏：
我正在使用下面的CSS来做动画。
.progress {
height: 10px;
background: #333;
border-radius: 0;
box-shadow: none;
margin-bottom: 30px;
overflow: visible;
}
.progress .progress-bar {
position: relative;
-webkit-animation: animate-positive 2s;
animation: animate-positive 2s;
}
.
浏览 4提问于2017-09-17得票数 1
回答已采纳
2回答
我正在尝试实现某种懒散的背景图像加载。我希望图像一加载就会褪色。因此，我改变了保持div的不透明度负载。是适用于Chrome或Firefox的，但对Safari却不起作用。使用Safari的只会显示图像，而不需要任何转换。怎么会这样呢？
import React, {Component} from 'react';
import './ImageHolder.css'
class LazyImage extends Component {
state = {
src: null,
};
componentDidUp
浏览 2提问于2020-01-24得票数 3
1回答
我正在改善一个网络应用程序的可访问性。
我想遍历所有可能的选项卡/可聚焦元素。
我注意到jQuery有自己的伪选择器:tabbable，但这不是本机的。
我从来没有经常使用jQuery，而且我也不急于开始。
我还注意到，在这两篇博客文章中：
2017-07-17：
2020年-01-29：
(类似的)解决方案如下：
const keyboardfocusableElements = document.querySelectorAll(
'a[href], button, input, textarea, select, details, [tabindex]'
浏览 5提问于2022-11-06得票数 1
event.pageY为您提供相对于整个文档高度的鼠标位置(我假设为document.documentElement.offsetHeight)。
但是如何获得鼠标相对于当前视区的位置，即document.documentElement.clientHeight
例如，如果浏览器窗口的高度为720像素，我向下滚动3页并将鼠标保持在窗口中间，则位置应为"360"，而不是1800 (720x3- 720 / 2)。
浏览 4提问于2013-02-06得票数 35
回答已采纳
我正在做一个ASP.Net页面。当用户完成任务时，会弹出一个用户控件并显示任务的状态，即。已完成/失败。我希望这个用户控件在3秒后被设置为visible=false。在这3秒内，如果用户请求另一个任务，它不应该受到阻碍。
我研究过元标签，但我不想刷新页面。此外，使用Thread.Sleep会阻塞我的页面3秒，这是我根本不想要的东西。也许启动一个新线程并分配这个功能是可行的，但是正如你所知道的，我是一个新手，寻求专家建议应该是有成效的。顺便说一句，这是我第一次发帖子，所以我带着极大的期望来到这里。
我在线程和Ajax计时器的使用方面做了一些调查，但我似乎并没有修改它。所以我才来找你帮忙。
感谢你
浏览 3提问于2013-03-03得票数 1
我不明白..。我已经寻找了两天的答案，我找不到一个解决方案围绕这个问题。
代码如下所示(在try catch块中)：
Presence = new WebDriverWait(Driver, custTimeout);
Presence.until(ExpectedConditions.presenceOfElementLocated(By.xpath(ElementXpath)));
单独尝试捕捉块：
Visisble = new WebDriverWait(Driver, custTimeout);
Visisble.until(ExpectedConditions.visibilityO
浏览 0提问于2021-01-13得票数 1
3回答
我知道您在想什么，但是父容器都是用像素定位的。
我有一个高度和宽度以像素为单位的div，在这个div中我有一个youtube iframe，在这个例子中，它的百分比是margin-top。
这是HTML：
这就是结果：
我知道这是一个可笑的小帧(所选div的右下角)，但它只是一个例子:)
正如您所看到的，在代码中，我将margin-top设置为99%，但实际上它的位置要低得多。这可能是什么原因？
浏览 2提问于2014-03-09得票数 6
回答已采纳
3回答
这是。下面是CSS代码：
body, html {
background-color: #EAEAEA;
height: 100%;
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
padding-top: 0;
margin-top: 0;
overflow: hidden;
}
.a {
position: absolute;
height: 13%;
background-color: #070000;
浏览 6提问于2014-01-26得票数 2
回答已采纳
我试图创建一个函数，它在窗口的特定位置滚动时，div的不透明度开始增加(不透明度等于1后立即减少)，但我的函数只适用于第一个div。我的意思是，第二个和第三个div与第一个div同时开始改变它们的不透明度。但仅当它们在视口中时才应执行此操作。如何让它在底层div中正常工作？
$(document).ready(function() {
$(window).on('scroll', function() {
var first = $('div.first')
var second = $('div.second')
浏览 0提问于2020-07-07得票数 0
2回答
我有两个问题：
1) ExpectedConditions.visibilityOfElementLocated()和ExpectedConditions.presenceOfElementLocated()？的区别是什么？我问的背景是可见和在场?这里可见和在场意味着什么？可见是否意味着在最大化的浏览器窗口中可见？
2)如果我使用ExpectedConditions.visibilityOfElementLocated()并最小化浏览器，该怎么办？它会给TimeoutException吗？
浏览 3提问于2021-02-16得票数 0
3回答
在下面的小提琴中，我分别对可见性和不透明度进行了转换。后者有效，但前者不行。此外，在可见性的情况下，过渡时间被解释为悬停时的延迟。在Chrome和Firefox中都会发生这种情况。这是一个bug吗？
案例1：
#inner{
visibility:hidden;
transition:visibility 1000ms;
}
#outer:hover #inner{
visibility:visible;
}
案例2：
#inner1{
opacity:0;
transition:opacity 1000ms;
}
#outer1:hover #inn
浏览 2提问于2015-01-12得票数 129
回答已采纳
glViewport(0, 0, w, h);
gluOrtho2D(10, 100, 10, 100);
我没有得到任何输出，你能帮我吗？
如果我把它设置为
gluOrtho2D(-50, 50,-50, 50);
然后在窗口中心创建对象。
浏览 3提问于2014-01-08得票数 1
我有一些链接想要在桌面用户的模式窗口中打开，而不是在移动用户的模式窗口中打开(通过CSS类和jQuery事件侦听器启动的模式窗口)。该网站正在运行一个响应式主题，使用媒体查询，所以我试图弄清楚如何处理不同屏幕大小的不同行为(假设在每种屏幕大小下使用的设备类型)。
我现在有2个不同的链接设置它。每种屏幕尺寸只显示其中的一个链接，我假设较大的屏幕尺寸将利用模式窗口链接。当媒体查询返回一个较小的大小时，我隐藏了模式窗口链接，并显示一个指向所需页面的标准链接。
看起来肯定有更好的方法来做到这一点。有什么想法吗？
浏览 0提问于2012-10-30得票数 1
回答已采纳
因此，我知道如果没有定位的祖先，.offsetTop是从元素的顶部开始测量的。
当元素在JavaScript中显示一半时，我正在尝试滑入元素。
因此，Javascript代码计算图像与窗口顶部的距离，如果图像只显示了一半，就会对元素应用一个CSS类。
但是，由于图像的父元素(页脚)被设置为position:relative，因此offsetTop不再起作用。
代码如下所示
const slideInAt = (window.scrollY + window.innerHeight) - sliderImage.height / 2;
const imageBottom = sliderImag
浏览 9提问于2020-09-13得票数 2
我的窗口中有一个非常大的可拖动的div。此div的窗口较小。
<div id="draggable-area" style="width:500px;height:500px;overflow:hidden">
<div id="draggable" style="width:5000px;height:5000px">
<ul>
<li></li>
<li></li>
<li
浏览 9提问于2011-11-22得票数 18
回答已采纳
1回答
我有一个组件，如果屏幕是桌面，则显示图像；如果屏幕用于移动设备，则该组件隐藏图像：
<script>
export default {
name: 'MyComponentApp',
}
</script>
<template>
<div class="my-component">
<div class="my-component__image-container">
<img class="my-component__image-contain
浏览 1提问于2021-01-08得票数 2
回答已采纳
我有一个应用程序，它使用主题来自定义按钮和其他ui控件的外观。这些样式使用一些常见的颜色，因此它们是在xaml中定义的，并使用StaticResource引用：
<ColorAnimation Storyboard.TargetName="LayoutRoot"
Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
To="{StaticResource AccentColor}"
浏览 0提问于2011-12-19得票数 1
回答已采纳
2回答
我有一个关于%宽度和高度的问题:我想给每个尺寸的百分比(移动，平板，pc浏览器等兼容性)，但当我调整浏览器的宽度，导致高度也调整为所有元素。在不改变高度的情况下，如何停止高度修改？我只想要高度适合元素的内容，而不是更多。
我的网站结构：
*{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
text-align: center;
}
html, body{
min-height: 100%;
min-width: 100%;
}
#wrapper
浏览 1提问于2015-05-01得票数 0
回答已采纳
2回答
我试图在JavaFX中对摄像头的移动设置限制，这样当它移动时，它不允许用户以只有子场景的内容可见的方式移动。目前，我的移动代码如下所示，并且没有检查来防止这种情况，我已经尝试通过检查其坐标和近似来限制相机的移动，如果它将或将不显示子场景的内容，但这有问题，因为它是纯粹的近似和缩放时。TLDR，问题涉及1检测相机何时从其内容移开，以及2如果将导致相机从内容移开，则阻止转换发生。
mapView.addEventFilter(MouseEvent.MOUSE_PRESSED, e->{
startX = e.getX();
startY = e.getY();
});
map
浏览 7提问于2017-08-17得票数 6
有一个联系人表单，当提交时，它不会被定向到不同的页面，它在同一页面上操作，并发出论坛已发送的闪光灯消息。 <span class="form-submitted">Thanks For Submttied</span> form-submitted类是唯一的类，只有在发送表单时才会出现。 我需要跟踪，当这个元素出现在页面上。 如何跟踪测量结果？
浏览 14提问于2020-08-13得票数 0
回答已采纳
1回答
我正在向一个站点添加一个JavaScript驱动的子窗口。基本上，部分UI位于屏幕左边缘之外，直到用户触发链接；然后移动到可见位置。我有一系列的五个，但还没有得到单独的名誉点来链接它们。
出于可访问性的目的，我想使用包含文档片段的链接，因此：
<a href="#quicklinks" id="quicklinks-trigger">Quick Links</a>
使用相应的JavaScript (使用jQuery)：
$("#quicklinks-trigger").click(function(e){
$("
浏览 0提问于2010-11-09得票数 2
回答已采纳
1回答
UWP的错误，还是我遗漏了什么？
、、、、
我正在启动我的第一个通用Windows应用程序。我想要的第一件事是对导航的主"Page“类进行子类化。为了简单起见，我只想添加一个RightTapped事件钩子来显示实际页面显示的消息.
总之，我创造了一个全新的项目。创建了一个类MyPage
public class MyPage : Page
{
public MyPage()
{
RightTapped += MyPage_RightTapped;
}
private async void MyPage_RightTapped(object sender, RightTappedR
浏览 2提问于2016-08-18得票数 2
回答已采纳
1回答
我正在尝试建立一个带有可拖动的圆形元素的调色板，这些元素将被拖放到画布上。调色板的颜色与主体和画布背景不同。
我面临的问题是，我试图拖放的圆形元素的背景是方形的。当从调色板中拖动元素时，如何删除它并只显示圆圈？
下面是我的代码：
document.getElementById("drag-coveredup").addEventListener("dragstart", function (e) {
var crt = this.cloneNode(true);
document.body.appendChild(crt);
e.da
浏览 15提问于2018-01-25得票数 2
2回答
我正在尝试创建一个主切换函数，它将折叠/展开所有的迷你切换。我的迷你切换功能是：
$('.tog').toggle(
function(){
$('#togStat').val(1);
var myID = $(this).attr("id").split('-')[1];
$('#collapseObj-'+myID).hide();
$('#collapseImg-'+myID).attr({src:'images/collapse
浏览 1提问于2010-12-22得票数 0
我不确定以前是否回答过这个问题，但是是否有一种方法将scroll事件绑定到html5视频currentTime元素？
类似于：
$(window).bind("scroll", vidProgress)
.load(vidProgress);
function vidProgress() {
$('video').currentTime = **viewport scroll progress**;
};
浏览 1提问于2015-04-11得票数 0
回答已采纳
我使用相对模式通过Skrollr插件()开始和结束我的动画。IE的所有功能都很好，但动画在Safari和Chrome中出现得比较早，在Firefox中出现得比较晚。我使用数据底层作为我的起点，数据中心作为我的终点。因此，动画应该在整个元素刚从视口底部弹出时开始，并在视口中心结束。
在这里的网站上，你可以在“为什么妈妈事工”部分下的div id="div56709“下看到动画。
任何关于为什么会发生上述问题的想法都将不胜感激。
浏览 0提问于2013-04-04得票数 1
回答已采纳
2回答
我想在Html文档的可见部分的底部放置一个弹出窗口，即使我向下滚动？
html文档在窗口中放不下，所以我必须向下滚动才能全部查看。每次滚动的时候，可见的部分都是不同的。那么，如何获得当前可见部分底部的坐标呢？
任何帮助都将不胜感激。
致以敬意，
贺拉斯
浏览 0提问于2012-12-22得票数 0
我尝试在浏览器窗口中使用具有固定位置的可移动dojo。不幸的是，每次我用鼠标移动div时，位置都被设置为绝对位置。我能做些什么来修复div？
html：
<html>
<body>
<div id="moveMe" style="position:fixed;width:100px;height:100px;border:1px solid black;background-color:#00ff00;cursor:pointer;">bla</div>
<p>test<br>test&l
浏览 1提问于2012-10-16得票数 2
我在页面上有3个锚。我想突出显示一个按钮列表，这些按钮根据哪个锚点离视口中间最近而固定。
我该怎么做呢？
我已经在使用InView和ViewportOffset插件了。
浏览 0提问于2012-06-08得票数 1
回答已采纳
2回答
我试图处理弹出外部窗口中的响应组件，我使用、和，我通过使用const currentDocument = this.selfRef.current.ownerDocument; -check 来处理FlexLayout的外部窗口，并将这个currentDocument传递给ag-Grid中的getDocument()回调，现在我想对SyncFusion做同样的操作，但是我在SyncFusion中没有找到将currentDocument传递给它的方法/属性。
那么，是否仍然要将外部窗口文档传递给SyncFusion组件，该组件将在进入外部窗口并离开原始文档后重新呈现？
当没有将currentDo
浏览 4提问于2020-09-30得票数 0
1回答
你好，我已经改变了翻转卡元素从w3schools，并添加了javascript，他们将旋转60px，如果他们在视口中，用户可以理解，有一个文本后面的卡。它工作良好的卷轴，但现在我释放的悬停效果不是working.Can，你能帮我吗？
var x = 0;
$.fn.isInViewport = function() {
var elementTop = $(this).offset().top;
var elementBottom = elementTop + $(this).outerHeight();
var viewportTop = $(window).scrol
浏览 0提问于2020-03-16得票数 1
5回答
我正在尝试在滚动窗口中居中显示一个模式对话框。此模式是绝对位置，因为必须在屏幕上可拖动。我使用这个插件来实现可拖动的功能：
我的问题是，这个模式有绝对的位置，如果我把顶部: 50%它显示在中心窗口，但没有考虑所有滚动窗口。
浏览 3提问于2012-09-26得票数 7
2回答
我在表td中有一个隐藏的输入字段，当我选择选项A时，我希望浏览器向下滚动到table td中的可见输入。我试过下面的代码，但有些东西不能正常工作。输入字段ID：#id_a-1-host
jQuery('html,body').animate({scrollTop: jQuery('#id_a-1-host').offset().top},'slow');
它会向下滚动，但只会滚动一点点。它不会向下滚动到输入字段。
浏览 0提问于2017-01-02得票数 5
您好，我希望当我使浏览器窗口变小时，网站表或其中的信息不会移动。
我该怎么做呢？
以google.com的主页为例，谷歌的徽标确实会被推送到该网站，以便在缩小后的窗口中显示。
谢谢!
詹姆斯
浏览 2提问于2011-08-26得票数 0
回答已采纳
我正在寻找一种方法来知道一个对象(作为一个Div，一个img等)由用户在JavaScript / jQuery中的窗口中显示并可见。
当我说“已显示并可见”时，这是指用户没有足够的滚动页面让对象可见(如果你明白我的意思)。但是，如果用户滚动页面而div不再可见(在窗口之外)，我要查找的函数应该知道这一点。
浏览 2提问于2013-05-21得票数 10
回答已采纳
1回答
我有来自物联网设备的数据流。每个设备都有设备id和一些指标。我需要在固定时间间隔的每个窗口中跨设备ID计算这些指标的min、max、avg。我需要持久化上述每个窗口时间的min，max，avg聚合。如果这一天的最小值、最大值、平均值发生了变化，则应重置为当天。在每个窗口间隔的每个窗口中都会发生这种情况。我需要在每个窗口中将这些值写入一个kafka流主题。
有一连串的学生证和他们的分数。我需要在一个窗口中计算学生ID的最小，最大，平均值。我需要把它们保存在一个数据框里。min，max，avg的计算应该发生在每个window.and中，我需要在每个窗口中将这些值写入一个kafka流主题。一旦发生D
浏览 0提问于2018-04-18得票数 1
我使用了延迟visibility转换的技术，并结合了opacity。这件事很管用：
<body>
<button>run</button>
<div class="box"></div>
</body>
.box {
visibility: hidden;
opacity: 0;
/* property name | duration | easing function | delay */
transition: visibility 0s ease-in-out 3s,
浏览 5提问于2022-06-20得票数 1
回答已采纳
我在弹出窗口中使用了两个iframe。在IE中我可以手动拉伸第一帧，但在Firefox中这是不可能的。我怎么才能让它工作呢？
第一个iFrame的代码(我需要能够手动拉伸)：
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #
浏览 0提问于2012-09-17得票数 0
1回答
我们的应用程序需要在运行时创建模板页面。为此，我们需要在ASP.NET中创建一个类似form designer的功能。在运行时从工具箱中拖动控件并放在窗体中的工具应该对用户可用。解决方案应为纯ASP.NET。应用程序中未使用Silverlight。请建议一种实现此要求的最佳方法。
浏览 0提问于2013-03-13得票数 0
4回答
可以在视口中设置一个正方形div，并始终根据宽度和高度保持它的纵横比。
所需经费：
只有CSS
广场的大小必须适应视口的最小尺寸(宽度或高度)，而不管视口的方向(景观或肖像)。
广场必须是水平的和垂直的中心在视口。
示例：
浏览 7提问于2014-05-13得票数 17
回答已采纳
1回答
只有当脚本本身在浏览器视区中时，我才能在页面上执行JavaScript，这意味着:假设我在页面底部有一个脚本，我希望只有当用户将页面一直滚动到末尾时才加载该脚本。
我找到了一些东西，如果你想加载图像，但不是为了脚本：
你知道这是否可能吗？
干杯
浏览 0提问于2015-03-31得票数 0
2回答
在这个设置中
<div class="a">
</div>
.a {
width: 400px;
height: 600px;
}
如果屏幕分辨率是1600*1200，那么div的宽度会是浏览器中屏幕的25%吗？如果屏幕分辨率是4000*2400，那么div的宽度会是浏览器中屏幕的10%吗?
我想永远都是25%。
如果使用百分比设置宽度，则当浏览器不在全屏时，div将自动缩小。
浏览 1提问于2020-02-15得票数 1
5回答
如何将类添加到当前在视口/窗口中可见的.column类的所有元素？
例如，在伪代码中，如下所示：
If(in window){
If has class .column{
add class .swoosh;
}
}
如果能帮助我用javascript或jQuery实现这一点，我将不胜感激。
浏览 0提问于2013-07-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
