Как предотвратить прокрутку одного элемента

Question

У меня часто есть «фоновое» оформление, которое я хочу отобразить, если оно умещается на экране, но я не хочу запускать прокрутку. Похоже, у меня есть опция только 1. Используйте overflow: hidden и запретите прокрутке прокручивать любому ребенку или 2. разрешите ему прокрутить страницу.

Есть ли способ, чтобы конкретный ребенок не запустил прокрутку ?

body {
  padding: 1em;
  width: 10em;
  
  // If enabled, the long word doesn't trigger scrolling.
  // If disabled the header decoration does.
  //overflow-x: hidden;
}

h1::before, h1::after {
  content: "";
  display: block;
  border-bottom: 1px solid black;
  margin: 0 -100vw;
}

<h1>Some fancy Header</h1>
<p>Some text withaverylongwordinitthatshouldalwaysbevisible.</p>