Question

http://www.designchemical.com/lab/demo-wordpress-jquery-vertical-mega-menu-plugin.html

页面一角的电子邮件图标就是我想要的东西。它位于页面顶部的某个高度并跟随页面。我已经设法做到了这一点，但是当我调整大小时，它会超出我想要的范围。这是我的代码atm：

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 })

所以当你调整窗口大小时，我希望它在某个点之后停止。此刻它找到了高度并调整了

Answer 1

将位置设为固定

position : fixed;

检查此fiddle

我为了演示而放置了一个文本框..你可以用你想要的任何控件替换它。

Answer 2

如果你想要一些东西留在使用CSS的地方位置：绝对; 浮动：权利; 顶部：40像素; 右：0;

这应该可行，但我在电话上无法测试。我不确定你调整大小的意思，但这可能是错误的。

Answer 3

你可以使用position：fixed for case：

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

请参阅full example

将图像固定到位，然后滚动到某个点

3 个答案: