【问题标题】:HTML - Docked elementHTML - 停靠元素
【发布时间】:2013-01-03 09:30:54
【问题描述】:

我设计了一个简单的网站。唯一剩下的就是在左边做一个小盒子。但即使向下滚动,我也希望始终可见。它的用途就像一个小广告。 ![浮动框][1]

你能发布一两个例子吗?为此需要什么CSS? (如果需要)

很遗憾,我不能发布任何图片,因为我是新用户(我不被允许......这有点令人沮丧)

但我会尽快发布图片。

【问题讨论】:

    标签: html css dock


    【解决方案1】:

    您应该将position: fixed 应用于此框。

    固定定位

    固定位置的元素相对于浏览器定位 窗口。

    即使窗口滚动也不会移动。

    这是一个示例:http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed

    您可以在此处阅读有关 CSS 定位的更多信息:http://www.w3schools.com/css/css_positioning.asp


    这是我为你制作的一个 jsFiddle,它展示了如何让它工作:http://jsfiddle.net/leniel/8ub7s/2/

    您可以看到,即使滚动,标题仍然可见,如果您将其悬停,广告框就会显示。只需根据您的需要调整 CSS,因为您希望它向左浮动。 :)

    【讨论】:

    • 谢谢您,我会检查一下,如果有任何问题,请告诉您。你知道我怎样才能让这个盒子也自动隐藏吗?只有它的标题是可见的,然后将鼠标移到整个框上就会显示出来.. :) 再次感谢您!
    • 假设该框位于<div id="myBox" style="display:none">My ad here!</div> 内。然后它以display:none(invisible) 开头。现在您可以添加一些 jQuery 代码,使其在鼠标悬停时出现并在鼠标移出时消失,使用如下代码:stackoverflow.com/a/5404862/114029 只需将 $('.cat').hover 替换为 $("#myBox").hover
    • 我试图把它应用到一张桌子上。原因是我已经设计了我的页面。所以添加一个新元素非常困难。在不影响其余内容的情况下,我什至不知道放在哪里。所以我需要一种方法来放置一个新表格(这样我就可以拥有我的小广告框 - 在单元格中带有标题和小图像)而不影响其他任何东西,当然还有固定位置功能。有没有人有 facebook 可以在线帮助解决这个问题?
    • 您可以使用一些 HTML 代码发布新问题,以便我们为您提供帮助...
    猜你喜欢
    • 2017-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-28
    • 2012-12-11
    • 2014-02-19
    • 2015-03-25
    • 1970-01-01
    相关资源
    最近更新 更多