我有一个问题,我的wordpress网站,使用Lightbox ( with 2)插件和它创建的覆盖。更具体地说,当我在Firefox中点击图片时,覆盖将出现在滚动体所在的位置,适合浏览器。但是如果我单击Chrome或Edge中的图像,覆盖将停留在页面的顶部,并且不会因为某种原因而向下滚动。如果它只是css,我就可以修复它,但是看起来lightbox类的"top“值是通过js定义的,我不知道是什么原因造成了这种差异。现在,它在Firefox中是不同的--在顶部添加适当数量的“空间”,而在Chrome中,它只增加了一个常规的填充值。所以整件事都在上面。显然,我需要有一个灯箱覆盖打开页面上
<p class='sent' id='abc'>abc</p>
<p class='sent' id='abb'>abb</p>
<p class='sent' id='acc'>acc</p>
css
.sent:hover{
background-color:#e1e1e1; // works until the first click on .sent
}
js
$(".sent").click(fun
我想从.mdl-layout__drawer-button中移除外部边界。当我点击它的时候,它显示了我的外部方框。我指的是。
下面是它的代码和屏幕截图:
<!-- Uses a transparent header that draws on top of the layout's background -->
<style>
.demo-layout-transparent {
background: url('../assets/demos/transparent.jpg') center / cover;
}
.demo-la
我有一个空的body元素。每次单击时,JS单击处理程序都会将图像附加到event.clientX和event.clientY。
这是可行的,但现在我希望创建的图像淡入。我不确定我是否需要在某个地方使用setTimeout。
因此,我刚刚尝试添加一个带有转换的类,JS函数如下所示:
document.addEventListener('click', function(event) {
var currentImg; // this is for later
var ix = event.clientX; // Get the coordinates
var iy = e