如何用 JavaScript DOM 将背景图像设置为固定图像?


要通过 JavaScript 固定背景图像,请使用backgroundAttachment属性。该属性允许您设置不会滚动的图像。

示例

您可以尝试运行以下代码来了解如何使用 JavaScript 中的backgroundAttachment属性 -

动态演示

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Click to Set background</button>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <script>
         function display() {
            document.body.style.background = "url('https://tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";
            document.body.style.backgroundAttachment = "fixed";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

510 次浏览

开始您的 职业生涯

完成课程并获得认证

开始学习
广告