Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript DOM으로 고정할 배경 이미지를 설정하는 방법은 무엇입니까?

배경 이미지를 JavaScript에서 고정하도록 설정하려면 backgroundAttachmen을 사용하세요. 그 재산. 스크롤되지 않는 이미지를 설정할 수 있습니다.

예시

다음 코드를 실행하여 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://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";
            document.body.style.backgroundAttachment = "fixed";
         }
      </script>
   </body>
</html>