2回答
动态更改位置angular.js
、、、、
我有一个关于在angular.js中动态改变位置(底部)的问题
我有一个位置固定的div，我必须把它放在网站上取决于标题的高度(这是以上的div)。
标题是动态改变的(例如，你点击“添加”按钮，它会在标题中添加两行文本，所以div的高度更高)，所以我的div的位置与这个标题相关。我该怎么做呢？
浏览 1提问于2018-05-28得票数 0
我正在开发一个Vue应用程序和Vue-路由。其中一个路由有一个函数，它通过在各自的输入字段中写入想要的颜色来改变两个div的背景色。但有两个问题。路由器不工作，因为我写了这个改变颜色的函数，而且颜色的改变也不起作用。所以这基本上是一种“失败-失败”的情况。我从Google的控制台接收到这条消息："vue.js:597 Vue警告:无法找到元素：#容器“。
我相信这些问题是交织在一起的，问题是如何解决这些问题？
<div id="container" v-bind:style="bga">
<div class="top&
浏览 0提问于2018-04-13得票数 0
回答已采纳
我有一个多个div的，其中有一个onmouseover动作，为他们生成顶部.It是OOTB js文件，所以我不能改变它，有一种方式，我可以改变相同类别的div元素的顶值到另一个值后，onmouseover事件已激发.SO让这个事件创建弹出与前123，我希望顶部是23 .Is它可能。
谢谢
浏览 1提问于2014-04-17得票数 0
4回答
我想使用HTML/CSS/JS让一个<div>只改变它的颜色到一定的宽度。这个特定的长度取决于在<div>中单击的位置。
示例：
我会给出代码，但它只是一个<div>。
我不知道如何使用CSS/JS来检测鼠标在<div>上单击的位置(即宽度大小)。
浏览 1提问于2020-03-30得票数 3
回答已采纳
我在我的JS UI5应用程序中使用画布(图)，我只想增加图形的宽度。如果我改变图形的大小，它不会改变，如果我缩小屏幕它的反射。
谁能告诉我如果有什么想法吗？
<div class='col-sm-12'>
<div class='form-group col-sm-6' ng-show ='showBar === "1"'>
<div id="chartContainer" style="height: 400px; width: **100**%;&
浏览 3提问于2016-10-09得票数 0
回答已采纳
1回答
我试图在另一个父div中显示一个map div。
更具体地说，我希望<div id='map'></div>只出现在div id="mapbox"中。我遇到的问题是地图显示在包含div的id="mapbox"之外。页面上的其他地方一定有一些CSS导致地图显示不正确。
<div class="g12" id="mapbox" style="display:none">
<h1 style="padding-left:7px; paddi
浏览 2提问于2013-06-01得票数 0
回答已采纳
1回答
使用ReactJS和GatsbyJS (v2)，我有一个header组件，它位于父layout组件中的div id="outerContainer"之上。
要切换100px下方滚动位置上的类，我通常使用window.scrollY < 100。
但是，由于样式为overflow:hidden的body类和带有overflow: scroll的outerContainer类，window滚动位置不会改变。
如何从子组件定义outerContainer.scrollY < 100，同时为滚动位置引用父组件的outerContainer？
Layout.js
const
浏览 1提问于2018-08-09得票数 0
回答已采纳
当我在导航栏组件上使用link时，它会改变url但不会改变组件，但在我重新加载时它会改变组件，当我把link放在主app.js中时，它会完美地路由
app.js
import './App.css';
import Navbar from './Navbar/Navbar'
import About from './About/About'
import { Route, Link, BrowserRouter as Router ,Switch} from 'react-router-dom'
function App() {
浏览 1提问于2021-04-10得票数 0
我是React的初学者，只是想重新创造一个旧学校类型的游戏：“太空入侵者”。对于像我这样的初学者来说，我不认为这是一个很好的简单的练习。 我需要控制屏幕底部的div，这将是向上面的外星人发送激光束的宇宙飞船！ 我在使用useRef()作为处理div位置的一种方法时遇到了问题。我的意思是，我正在尝试访问与div关联的style类的“left”或“right”属性。 奇怪的是，我可以改变背景颜色，或者我可以改变宽度，但是我不能访问'left‘或'right’属性来让它移动。 这是我的微不足道的尝试： https://codesandbox.io/s/condescending-b
浏览 35提问于2021-02-08得票数 0
回答已采纳
我有一个名为"location/ all“的视图页面，它包含了所有的地图细节。
我改变了一些CSS样式。
<!--<div role="main" class="main-container {{ container }} js-quickedit-main-content">!-->
{% if 'location/all' in url %}
<div role="main" class="main-container js-quickedit-main-content"
浏览 0提问于2018-04-02得票数 6
回答已采纳
1回答
当我改变屏幕大小--文本如何在滑块移动时，我使用引导5.2中的网格系统来定位它。当我改变屏幕尺寸时，我想要文本在旋转木马前面保持相同的位置，这是我的代码。我能做些什么来解决这个问题。
#text-position{
position: absolute;
width: 100%;
color: white;
z-index: 999;
}
.carousel-caption h1{
font-size: 100px;
}
.btn-lg{
width: 200px !important;
position: absolute
浏览 6提问于2022-07-05得票数 1
对于js滑块，我们使用span "slider_link“来将整个包含的div变成一个可点击的链接。问题是第一个div似乎留在了原处，所以链接永远不会改变，即使幻灯片改变了。我们希望每张幻灯片的链接与该幻灯片一起出现。
HTML摘录：
<div class="slider1">
<div class="slider-text slider-text1">
<a href="http://www.abacusnyc.com/about-us/overview"><span class="s
浏览 0提问于2013-01-27得票数 0
回答已采纳
我正在尝试使用Vue.js转换我的Three.js项目 我有一个Three.js场景与3D模型和HTML的兴趣点在这个模型上。 这些点必须保持固定在模型上，并且保持面向相机。 下面是我的代码的一部分，它工作得很好： <body>
<div class="point point-1">
<div class="point__label">1</div>
<div class="point__text">
浏览 28提问于2021-10-19得票数 1
2回答
我需要帮助改变我的代码，让它改变div内容点击链接id的例子:我点击第一个链接，它打印出1，等等。而且它还将有一个唯一的链接#first。默认情况下，它也会显示" default“
<script src="jquery.js"></script>
<script src="jquery.bbq.js"></script>
<script>
$(function () {
var tabContainers = $('div.tabs > div');
tabCon
浏览 1提问于2013-03-02得票数 0
回答已采纳
1回答
在打开下拉菜单后，当滚动列表时，列表会停留在div的顶部或底部。我试着改变家长的职位和删除列表。但还是想不出来。有什么方法可以让下拉列表和按钮一起滚动吗？
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/
浏览 9提问于2022-01-11得票数 0
回答已采纳
3回答
我试图创建一个背景模式，用来填充整个页面的高度。该模式只填充了大约一半的页面，大约950 is (这是100%可查看的部分)。试图改变单位，尝试使用calc，使用包装组件。
当JS调用该模式时，显示从none变为块
#modalBackground {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 0.7);
z-index: 10;
}
<body>
...stuff
浏览 7提问于2022-12-02得票数 1
回答已采纳
1回答
我正在创建一个表单，与色轮和文本颜色选择。
本质上，我们有一个徽标，它将在元素( div )容器中动态加载。
色轮，将创建单选按钮允许选择文本颜色的bg颜色。
任何js专家，知道如何创建js来创建div，它根据图像改变预览div的bg颜色和文本颜色。
非常基本的示例(图像路径更改)，但工作正常。本质上是我想要创建的预览div。我们可以使用绝对定位来动态放置徽标。
因此，本质上是js创建div占位符bg颜色和字体文本颜色，当我们提交表单时，它们将解析valuse。
干杯
浏览 0提问于2011-01-10得票数 0
1回答
我正试着用balloon.js来展示气球。
这是我的代码。
<div class="Wrap" style="background:#ccc; width:600px; height:1200px; margin:0 auto;">
WRAP
<div class="Bottom" id="target" style="position:fixed; bottom: 0; background:#ff69b4; height:100px; width:60px; margin-right
浏览 6提问于2019-05-05得票数 1
在我的index.html文件中，包含在body标记中的有多个javascript文件。
<body>
<div ng-view class="view"></div>
<script src="legacy/script1.js"></script>
<script src="legacy/script2.js"></script>
<script src="legacy/script3.js"><
浏览 12提问于2022-03-31得票数 0
1回答
其他div中的粘性页脚
、、、
我有一个给定的HTML结构，并且不能真正设法将它更改为将页脚放在包装器div上，而不是其他东西，因此“经典”粘性页脚代码不起作用。结构如下：
<body>
<div></div>
<div>
<sidebar></sidebar>
<maincontent>
<div></div>
<div></div>
<div></div&
浏览 3提问于2014-12-14得票数 1
1回答
我正在使用一个引导带-选择下拉模式在一个模式，我希望该模式调整大小，以便下拉是完全可见时，展开。有办法吗？
这是我的密码：
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link
href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-multiselect-widget/1.17/jquery.m
浏览 0提问于2019-11-23得票数 0
2回答
我在试着理解为什么当类被关闭时，类转换的动画不会回放。
这是我的
$("div").click(function() {
$(this).toggleClass("center");
});
div {
width: 100%;
background-color: tomato;
margin: 10px;
padding: 20px;
font-family: Montserrat;
text-transform: uppercase;
transition: all 1s linear;
top: 0%;
}
.ce
浏览 0提问于2020-12-30得票数 1
我需要改变它的顶部和左边位置，但每次我这样做，图像动画和缩放到一个固定的位置，而不是给定的position.Try改变的顶部和左边的js和图像没有动画到其他地方所需的位置。css或html看起来可能是错误的。请帮帮我。
$(document).ready(function(){
$('#logo').animate({
left: 500,
top: 100,
height: "50px",
width: "100px",
}, 2000)
});
body {
font-family: "Helv
浏览 2提问于2015-01-17得票数 1
回答已采纳
我的alpine.js代码中有一个for循环
<template x-for="(value, index, collection) in forecastQ4Values" :key="index">
<div class="..."><span x-text="value"></span></div>
</template>
如何仅将类添加到for循环中的最后一个项？基本上，我想隐藏最后一个元素，直到一些变量改变。
例如，像这样，但只对最后一项。
&
浏览 0提问于2021-01-07得票数 0
回答已采纳
4回答
我试图使动画效果的背景，它应该听取一个事件，将改变图片点击。例如，我点击Sajo Hapyo，它应该改变背景图像。主要的问题是，所有的图像都会有不同的背景-图像，我真的被困在这个。
我在我的JS中使用了JS进行测试，因为我想检查它是否工作。
在最后的版本中，背景图像将被添加，它应该通过使用漂亮的jquery (effect)改变单击。
这是截图
请帮帮我
这是我的密码
<section id="main-showcase">
<div class="showcase-wrapper">
<div cl
浏览 3提问于2017-07-26得票数 0
回答已采纳
html：
<img src="http://webmuseum.mit.edu/mobiusicons/no_image.jpg" />
css：
div.border
{
border: 2px solid #ccc;
width: 500px;
height: 500px;
}
js：
$("img").wrap('<div class="border" />');
这是我第一次使用jquery wrap()。我希望看到以下内容
<div class="border">&l
浏览 1提问于2011-11-30得票数 0
回答已采纳
3回答
我已经设置了光滑的滑块来为我的登录页面显示一个旋转的图像。我读过，为了在旋转木马前面有按钮，我不得不在我的CSS中使用position: absolute和z-index: 1。这使我可以让我的旋转木马占据整个视口，但我似乎不能重新定位我的按钮，甚至中心他们。通常情况下，中心按钮是text-align: center;，但在这种情况下，它似乎不起作用。我正在使用jQuery移动库。
我如何重新定位我的按钮，使它们总是出现在视口的中心，以及可能改变按钮的宽度？
HTML：
<body>
<!-- Buttons -->
<div id="LandingB
浏览 0提问于2018-08-29得票数 2
回答已采纳
我正在使用jQuery的animate()，但它就是不能工作。我正在尝试让一个div从包含它并具有overflow:hidden的另一个div上滑动。我在动画上尝试了每种left的组合，但什么都没有。为了确认，我也尝试了改变div (图库)的宽度，它确实改变了宽度，但没有改变左边的宽度。
我做错了什么？
function an() {
//$('#gallery').fadeOut();
//$('#gallery').animate({left:'-=1000'},'slow');
$('#galler
浏览 0提问于2012-05-10得票数 2
回答已采纳
3回答
我想做一个标题，这将改变滚动事件，完全一样，在。当光标位于页面顶部时，页眉将以不同的方式出现。向下滚动时，标题内容将更改并被修复。
我已经找到了这些例子(和许多其他的例子)，但是它们只是缩小并且变得固定，头内容根本不会改变。
注意:如果可能的话，，一些没有第三方包的东西，在加载时会减慢页面的速度，就像很多js文件一样。
谢谢
例如，：
window.onscroll=function ()
{
//Based on given offset like 100px maximum
if (scroll == down)
{
//Display he
浏览 4提问于2013-06-11得票数 0
回答已采纳
1回答
我正在尝试让我的导航栏出现在我的内容和标题之间。当我改变CSS的值时，它要么出现在屏幕的顶部，在标题/内容的后面，要么出现在标题/内容的前面(如果我改变了z索引)，我希望它出现在两个div之间，但如果我添加填充，比如它会影响下面内容的位置，它现在似乎根本不会这样做。
干杯
header.php
<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo(
浏览 1提问于2014-08-26得票数 0
当我使用jQuery animate()函数更改div的大小时，它总是从左上点开始。我如何让它从中心缩放而不是从角落缩放。例如，我的代码：
<div id="div1"></div>
<style>
#div1{
position: absolute;
width: 50px;
height: 50px;
background-color: red;
opacity: 0.4;
top: 40%;
left: 40%;
border-radius: 1000px;
margin: auto;
}
</style>
<
浏览 1提问于2011-07-18得票数 1
回答已采纳
2回答
我正在努力实现下面这张图片中的内容，但它并不适合我。
我试着使用亲属的位置，并有权成为0px，但是没有什么改变。
如果我使用top to be -2px，它会向上移动，但是将它定位在右边是不起作用的。
.remove {
background: red;
color: white;
padding: 0px 3px 3px 3px;
border-top-right-radius: 1px;
font-size: 1em;
position: relative;
right: 0px;
top: -1em;
border-top-left-ra
浏览 5提问于2021-07-25得票数 0
回答已采纳
使用绝对定位时，从所定位元素的左上角计算位置。
可以从右下角定位吗？
在下面的示例JS中，我想让#position-me的右下角触摸到#wrapper的左上角，因此它看起来像 (粗略地说--我没有花时间精确地对齐)。#position-me的宽度和高度是可变的，这取决于内容--如果它是固定的宽度/高度，那么很容易:)
#wrapper {
position: absolute;
bottom:0;
right:0;
width: 100px;
height: 100px;
background-color: red;
}
#position-me {
posi
浏览 4提问于2020-10-01得票数 1
回答已采纳
3回答
我试图通过使用vue.js来做一个HTML网站的前端，但是我无法使用css对图像进行居中。
我在App.vue文件中编写了所有代码：
<template>
<div id="container3">
<img id="teamBackground" src="./assets/bourg_palette_rounded.png" alt="Bourg palette in background" width="360" height="170"/>
浏览 19提问于2022-11-30得票数 0
2回答
我使用了这个中的magnify zoom in。
我想改变显示缩放图像的div的位置，我希望它显示在小图像的底部，因为我使用了响应式设计，bootstrap和overflow-x:hidden在正文中，当我缩小浏览器时，小图像剪切:/。有人能帮我吗？我很抱歉我的英语很差
css：
div.jqZoomTitle
{
z-index:5000;
text-align:center;
font-size:11px;
font-family:Tahoma;
height:16px;
padding-top:2px;
position:absolute;
top: 0px;
left: 0px;
wi
浏览 0提问于2015-12-03得票数 2
1回答
我的侧边栏中的Google正在扩展到父div之外，并与其他内容重叠。
下面是我遇到的问题的截图：
Google代码是在包含在with‘侧栏’id中的代码中定义的：
<div id="sidebar">
<div>
<h3>Categorías</h3>
[categories defined here]
</div>
<div>
<script async src="//pagead2.googlesyndica
浏览 4提问于2017-08-24得票数 3
回答已采纳
2回答
我正在一个电子商务网站上做一个项目，目前已经为"/"的主页和"/:id"的产品列表页面设置了正确的路线。我试图得到一个路由设置为一个单一的产品页面，然而，反应-路由器根本不呈现我的组件。
Index.js
ReactDOM.render((
<BrowserRouter>
<App />
</BrowserRouter>), document.getElementById('root'));
registerServiceWorker();
App.js
<Switch>
&
浏览 1提问于2018-05-01得票数 1
1回答
带引导词缀的列跳转
、、、、
我有两个引导列，它们在大屏幕上相邻，在小屏幕上堆叠在一起。它是有意设置的，所以右边的列在较小屏幕上的左边列的顶部。
问题:当在大屏幕上滚动时，列在y轴上正确地附加，但左列和右列都跳出并改变宽度。
查看js小提琴，向下滚动，您将看到问题。
<div class="col-md-3 col-md-push-9" id="right">
Right in wide screens, top on small screens
</div>
<div class="col-md-9 col-md-pull-3" id
浏览 2提问于2014-08-20得票数 1
1回答
我使用parallax.js是为了让我的网页上的一些div有一个固定的背景和视差效果(对于那些不知道什么是视差的人：)。
我有一个div，他应该在具有视差背景的div的正上方更改高度。当我点击一个按钮时，内容会显示出来，div的高度也会改变，但问题是内容在视差背景上溢出。我猜这是因为视差背景在创建页面时有一个固定的位置，所以当页面更改时，这个位置已经定义好了。
这是我的问题的图片：
在第一个屏幕中，我还没有点击按钮来显示内容。你可以在视差背景上看到“技能”。在第二个屏幕中，我点击了按钮，这样显示的内容就会向下压下页面上的所有内容，而不是让白色背景包裹住“down”部分的所有内容，而是在视差背景
浏览 3提问于2017-10-03得票数 0
我决定用HTML、CSS和JS编写一个基本的黑板卡游戏，我遇到了一个问题，那就是一张卡片上下摆动，因为我改变了卡片的最高边距。
.card {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
border: 5px solid black;
width: 60px;
height: 100px;
background-color: #F0F0F0;
transition-duration: 0.3s;
transition-property:
浏览 3提问于2021-11-16得票数 0
回答已采纳
1回答
鼠标悬停改变颜色使用角度
、、、
我想让立方体改变颜色与鼠标悬停使用角。我已经设法让它在立方体的一边工作，但我希望效果改变整个立方体的颜色。
这是我的HTML：
<header>
Angularity
</header>
<h1>hjskl</hi>
<body>
<div class="container" ng-controller="AppCtrl">
</div>
</header>
<div class="wrap">
浏览 2提问于2016-10-13得票数 0
回答已采纳
1回答
在我的应用程序中，有两个重叠的网格项。因此，指针事件(如单击或悬停)仅在上面的元素上触发(根据z索引或外观顺序)。
我想知道是否有一种方法(react/js或css明智)可以使两个项都检测指针事件，或者至少模拟该事件：
以下是我的例子：
export default function App() {
function onClick() {
console.log("click");
}
return (
<div className="grid">
<div className="item-1
浏览 3提问于2021-06-23得票数 2
回答已采纳
我有一个绝对定位的元素，它在页面对话框的外面(它是一个body > div)。
我在div中有几个输入字段，希望能够在其中输入一些文本，
但是在引用链接时，paper-dialog不会让它离开焦点。
是演示该问题的代码的链接。
在使用其中一个按钮打开纸张对话框之前和之后，尝试在输入字段(#my_div)中输入文本
由于这个原因，document.activeElement总是为paper-dialog，因此我不能在它之外的输入字段中输入文本。(单击任意位置时，document.activeElement会记录在控制台中)
那么，当paper-dialog打开时，我无法单击/聚焦于我的di
浏览 0提问于2018-07-26得票数 1
2回答
我有下面的隐藏引导提醒div，我设置它是为了显示错误
我想展示这一点，同时改变它的html内容。我尝试了下面的jquery，它将显示errorDisplay。但这是行不通的。
var errorDisplay = $("#errorDisplay").text();
$("#errorDisplay").html(errorDisplay);
$('#errorDisplay').show();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jq
浏览 0提问于2019-09-05得票数 2
回答已采纳
1回答
我有两个div，如果我调整页面的大小小于768px，那么我的.tFFiltre div在.tFPopup div..so中移动，到目前为止一切都还好，但是在移动之后，我不想让工作成为js函数
例如，如果您单击change background复选框按钮，您将看到背景色正在变化，但是如果我在另一个div中移动div而不是改变背景color..so，我的意思是我不想让js函数工作。
$(document).ready(function(){
$('#checkbox').change(function() {
if ($(this).is(':checked
浏览 3提问于2017-05-16得票数 0
回答已采纳
我试图创建一个函数，它在窗口的特定位置滚动时，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回答
我会尽我所能解释我的情况。
我有一个网站，它显示的DIV区块列表与信息在里面。使用宽度创建了3个DIV块:33%
在这个div块中，我想要另一个隐藏的div块，它与前一个div块完全相同。
所以我有这样的东西..。
<div class="columnParent">
<div class="columnChild">
"Various stuff here that overlaps parent DIV"
</div>
"Various
浏览 3提问于2013-08-10得票数 1
1回答
我正在做一个导航条，当用户向下滚动(我是通过改变div的背景来改变它)时改变它的图标，同样地，每当用户悬停在图标上时，div的背景就必须改变，这是我目前的代码：
App.js
$(document).scroll(function () {
scroll_pos = $(this).scrollTop();
var h = $("#secOne").height() - ($("#secOne").height() / 10);
if (scroll_pos > h) {
$("#topBar").css({
浏览 1提问于2017-10-10得票数 0
回答已采纳
我从开始编写源代码，它工作得很好。我唯一的改变是将进度条的宽度设置为"20%“。
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/aj
浏览 2提问于2010-05-29得票数 0
回答已采纳
3回答
我正在尝试弄清楚如何在我认为是.js的东西上添加一些文本甚至是广告
这是一个在底部有一个描述标题的工作灯箱，这个标题是我想要改变的。
代码如下：
captionOn = function () {
var description = $CurrEl.attr('title');
console.log( description );
if (description != undefined && description.length > 0) {
$('<div id="im
浏览 2提问于2015-03-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
