Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将图像固定到位,使其跟随滚动到某一点_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将图像固定到位,使其跟随滚动到某一点

Javascript 将图像固定到位,使其跟随滚动到某一点,javascript,jquery,html,css,Javascript,Jquery,Html,Css,页面角落的电子邮件图标正是我想要的。 它距页面顶部有一定高度,并跟随页面。 我已经设法做到了这一点,但是当我调整它的大小时,它会超出我想要的位置。 这是我的代码: b.remove(), a(this).hasClass("i-am-new") ? a(this).css({ top: (a(window).height()-600) + "px" }) : a(this).animate({ top: (a(window).height()) + "px" }, 500

页面角落的电子邮件图标正是我想要的。 它距页面顶部有一定高度,并跟随页面。 我已经设法做到了这一点,但是当我调整它的大小时,它会超出我想要的位置。 这是我的代码:

b.remove(), a(this).hasClass("i-am-new") ? a(this).css({ top: (a(window).height()-600) + "px" }) :
            a(this).animate({ top: (a(window).height()) + "px" }, 500), window.innerWidth < 600 && a(this).css({ right: 5 })
b.remove(),a(this).hasClass(“i-am-new”)?css({top:(a(window).height()-600)+“px”}):
a(this).animate({top:(a(window.height())+“px”},500),window.innerWidth<600&&a(this).css({right:5})

所以我想要的是当你调整窗口大小时,它会在某个点后停止。现在,如果你想让某样东西保持在原来的位置,它会找到高度并调整大小 位置:绝对位置; 浮动:对; 顶部:40px; 右:0

这应该可以,但我在打电话,所以无法测试。我不确定你所说的“调整大小”是什么意思,但可能是错误的。

将“位置”设置为“固定”

position : fixed;
检查这个


为了演示,我放置了一个文本框。。您可以将其替换为您想要的任何控件。

您可以根据您的情况使用位置:固定:

.mail{
    width:40px;
    height:40px;
    right:10px;
    top:50px;
    position:fixed;
    background:white;
}

我还是没有得到你想做的事?