h5让图片在指定位置显示隐藏

你可以使用CSS的position属性来实现让图片在指定位置显示或隐藏。

首先，给需要隐藏的图片添加一个类名，例如“hide”。然后在CSS中设置该类名的样式，将其定位到屏幕外（例如left: -9999px），并设置display属性为none，这样图片就会被隐藏起来。

接着，在需要显示图片的元素上添加一个事件，例如鼠标悬停事件，或者点击事件。在事件处理函数中，使用JavaScript来动态地添加或移除“hide”类名，从而让图片显示或隐藏。例如：

HTML代码：

<div class="container">
  <img src="image.jpg" class="hide" id="myImage">
  <button onclick="showImage()">显示图片</button>
</div>

CSS代码：

.hide {
  position: absolute;
  left: -9999px;
  display: none;
}

JavaScript代码：

function showImage() {
  var img = document.getElementById("myImage");
  img.classList.remove("hide");
}

这样，点击“显示图片”按钮时，图片就会显示在容器中的指定位置。

相关问题

滚动h5页面，底部元素显示与隐藏

你可以使用JavaScript来实现滚动页面时底部元素的显示与隐藏。具体实现步骤如下：

1. 监听滚动事件，可以使用`window.onscroll`来监听整个页面的滚动，或者监听某个具体元素的滚动事件。

2. 获取页面滚动的距离，可以使用`document.documentElement.scrollTop`或`document.body.scrollTop`来获取当前页面滚动的距离。

3. 获取底部元素，可以使用`document.querySelector`或`document.getElementById`等方法来获取底部元素。

4. 判断页面滚动的距离是否超过了一定的阈值，如果超过了，则隐藏底部元素；否则显示底部元素。你可以根据具体情况设置阈值的大小。

下面是一个简单的示例代码：

window.onscroll = function() {
  var scrollDistance = document.documentElement.scrollTop || document.body.scrollTop;
  var footer = document.getElementById("footer");
  if (scrollDistance > 200) {
    footer.style.display = "none";
  } else {
    footer.style.display = "block";
  }
}

在这个示例中，当页面滚动距离超过了200像素时，底部元素会被隐藏。你可以根据自己的需求来调整阈值的大小。

UNIAPP中怎么让指定代码在H5端生效

在uni-app中，可以使用`process.env.UNI_PLATFORM`来判断当前运行的平台。需要在H5端生效的代码可以通过判断`process.env.UNI_PLATFORM`是否等于`h5`来实现。

例如，可以在`mounted`生命周期函数中添加以下代码：

mounted() {
  if (process.env.UNI_PLATFORM === 'h5') {
    // 在H5端生效的代码
  }
}

另外，如果需要在H5端动态修改样式等操作，可以使用`process.env.UNI_PLATFORM === 'h5'`判断后再进行相应的操作。例如：

mounted() {
  if (process.env.UNI_PLATFORM === 'h5') {
    document.getElementById('app').style.backgroundColor = 'red';
  }
}

这样就可以在H5端将背景色修改为红色。需要注意的是，在其他平台上可能无法使用`document`等DOM相关的API，需要进行兼容处理。