如何用 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>
广告