Javascript 将元素设置为特殊坐标,即使是相对位置?
这是我的Javascript 将元素设置为特殊坐标,即使是相对位置?,javascript,html,css,Javascript,Html,Css,这是我的的一部分: <div style="position: relative"> <div id="sc" class="swiper-container" style="margin: 30px; overflow: hidden;"> <div class="swiper-wrapper"> <div id="swiper_prev_0" class="swiper-slide" onclick="
的一部分:
<div style="position: relative">
<div id="sc" class="swiper-container" style="margin: 30px; overflow: hidden;">
<div class="swiper-wrapper">
<div id="swiper_prev_0" class="swiper-slide" onclick="openSub(0, this)">Slide 1</div>
<div id="swiper_prev_1" class="swiper-slide" onclick="openSub(1, this)">Slide 2</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div id="sub_loading_help" class="sub_loading_help"></div>
</div>
系统:正如你所看到的,我用的是一把刷子。当有人点击刷子时,我使用此
JS
代码将刷子上的sub\u loading\u help
容器设置在特殊位置:
var s = document.getElementById('sub_loading_help');
s.style.position = "absolute";
s.style.left = '15px';
s.style.top = '15px';
问题:正如我所知,我需要将
sub\u loading\u help
的style.position
设置为absolute
,这样我可以将元素设置为特殊位置。但是容器(sub\u loading\u help
)应该会溢出刷子。只有当我将其设置为相对时,他才会出现在顶部。那么,如何将元素设置为特殊坐标并使开关溢出?编辑:
在下面的代码笔中,它可以工作。容器
sub\u loading\u help
溢出了刷子。但是您必须更改的是加载帮助的位置
到绝对位置
。你会发现它已经不起作用了。但是我需要位置:绝对代码>在容器上。
~filip我明白了。它起作用了!问题间接地在于位置:绝对。我没有为容器设置宽度,使用属性absolute,它将宽度设置为0。所以我们看不到它。您查看过z-index
吗?@MarcHjorth已设置为9999如果您为本例创建一个plunkr,它可能有助于理解problem@mulla.azzi我创造了一个密码笔。希望对你有帮助。
var s = document.getElementById('sub_loading_help');
s.style.position = "absolute";
s.style.left = '15px';
s.style.top = '15px';