Html 将固定止动块放置在特定部分

请看我的小提琴。在这把小提琴中，黑匣子固定在第页上。如果我们滚动页面，黑框也会与地图重叠。我想在地图前停止固定位置。如果我们在地图后翻页，黑盒子应该留在地图前。我该怎么办

CSS:

---

无需javascript，在iframe中添加id，将css设置为：

#map
{
    position:relative;
    z-index:2;
}

并给固定元素一个较低的z指数：

.new_icon {
    position:fixed;
    width:100px;
    height:100px;
    background:#000;
    right:10px;
    z-index:1;
}

---

无需javascript，在iframe中添加id，将css设置为：

#map
{
    position:relative;
    z-index:2;
}

并给固定元素一个较低的z指数：

.new_icon {
    position:fixed;
    width:100px;
    height:100px;
    background:#000;
    right:10px;
    z-index:1;
}

---

无需javascript，在iframe中添加id，将css设置为：

#map
{
    position:relative;
    z-index:2;
}

并给固定元素一个较低的z指数：

.new_icon {
    position:fixed;
    width:100px;
    height:100px;
    background:#000;
    right:10px;
    z-index:1;
}

---

无需javascript，在iframe中添加id，将css设置为：

#map
{
    position:relative;
    z-index:2;
}

并给固定元素一个较低的z指数：

.new_icon {
    position:fixed;
    width:100px;
    height:100px;
    background:#000;
    right:10px;
    z-index:1;
}

---

添加

z-index:-1至
。新建图标

添加
z-index:-1至
。新建图标

添加
z-index:-1至
。新建图标

添加
z-index:-1至
。新建图标

试试这个

JQUERY：

   $(window).scroll(function() {

    if ($(this).scrollTop() > 450)
     {
        $('.new_icon').fadeOut();
     }
    else
     {
      $('.new_icon').fadeIn();
     }
 });

注意：如果您不喜欢fadein/fadeout效果，use可以使用.show/.hide。
试试这个

JQUERY：

   $(window).scroll(function() {

    if ($(this).scrollTop() > 450)
     {
        $('.new_icon').fadeOut();
     }
    else
     {
      $('.new_icon').fadeIn();
     }
 });

注意：如果您不喜欢fadein/fadeout效果，use可以使用.show/.hide。
试试这个

JQUERY：

   $(window).scroll(function() {

    if ($(this).scrollTop() > 450)
     {
        $('.new_icon').fadeOut();
     }
    else
     {
      $('.new_icon').fadeIn();
     }
 });

注意：如果您不喜欢fadein/fadeout效果，use可以使用.show/.hide。
试试这个

JQUERY：

   $(window).scroll(function() {

    if ($(this).scrollTop() > 450)
     {
        $('.new_icon').fadeOut();
     }
    else
     {
      $('.new_icon').fadeIn();
     }
 });

注意：如果您不喜欢fadein/fadeout效果，可以使用use-can-use.show/.hide。
我们可以使用javascript（jQuery）吗？有很多库都可以这样做。退房可以吗？但是css更好。你可以使用z索引。把它放在地图的后面。不需要z-index，只要把iframes的位置设置为relative就行了。我们可以使用javascript（jQuery）？有很多库可以做这样的事情。退房可以吗？但是css更好。你可以使用z索引。把它放在地图的后面。不需要z-index，只要把iframes的位置设置为relative就行了。我们可以使用javascript（jQuery）？有很多库可以做这样的事情。退房可以吗？但是css更好。你可以使用z索引。把它放在地图的后面。不需要z-index，只要把iframes的位置设置为relative就行了。我们可以使用javascript（jQuery）？有很多库可以做这样的事情。退房可以吗？但是css更好。你可以使用z索引。将它放在地图的后面。不需要z索引，只需将iframes的位置设置为Relative，但图标不在地图后面。它应该放在地图前面，但图标不能放在地图后面。它应该放在地图前面，但图标不能放在地图后面。它应该放在地图前面，但图标不能放在地图后面。应该放在地图前面，谢谢。我将尝试此代码并返回给您。您可以更改“450”值，具体取决于从顶部开始的时间。新的图标将淡出。谢谢。我将尝试此代码并返回给您。您可以更改“450”值，具体取决于从顶部开始的时间。新的图标将淡出。谢谢。我将尝试此代码并返回给您。您可以更改“450”值，具体取决于从顶部开始的时间。新的图标将淡出。谢谢。我将尝试此代码并返回给您。您可以更改“450”值，具体取决于您希望从顶部开始的时间。新的_图标将淡出。