Как не отображать элемент который начинает обрезаться при скролле?

 p.clip { 
    white-space: nowrap; /* Запрещаем перенос строк */ 
    overflow: hidden; /* Обрезаем все, что не помещается в область */ 
    background: #fc0; /* Цвет фона */ 
    padding: 5px; /* Поля вокруг текста */ 
    text-overflow: ellipsis; /* Добавляем многоточие */ 
   }

<p class="clip">Магнитное поле ничтожно гасит большой круг небесной сферы,  
  в таком случае эксцентриситеты и наклоны орбит возрастают.</p>