gpt4 book ai didi

javascript - 将 View 外的 div 移入 View 中

转载 作者:行者123 更新时间:2023-11-30 11:54:46 28 4
gpt4 key购买 nike

当单击另一个 div 时,如何将一个 div(应该在最右侧的 View 之外)移动到页面上?在下面的代码笔中,我希望绿色 div (id = "three") 离开页面,当单击红色 div (id = "two") 时,每个 div 移动超过页面的 50%,因此绿色 div在右边,红色的 div 在左边。我无法让绿色 div 保持在右侧或在我需要时出现。

我试着做这样的事情:

$('#two').on('click', function(){
$('#three').css("right", "0");
})

但根本没用。

感谢任何帮助!

http://codepen.io/amstrudy/pen/VjAQAp

最佳答案

#three 元素需要一个 position: relative; 属性,以便 right: -1000px; 移动元素。添加后,您必须告诉 jQuery 将 .css() 更改为 $('#three'),而不是 $('#slider')` .

$('#two').on('click', function() {
$('#three').css("right", "0px");
});
html,
body {
height: 100%;
width: 100%;
}
#one {
background-color: blue;
float: left;
}
#two {
background-color: red;
float: right;
}
#three {
background-color: green;
float: right;
right: -1000px;
position: relative;
/* this is necessary to position the element using 'right' */
}
#one,
#two,
#three {
height: 100%;
width: 50%;
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>

关于javascript - 将 View 外的 div 移入 View 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38341072/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com