Czasami miło jest móc wysuwać rzeczy z okienka, aby je ukryć, na przykład podczas tworzenia ukrytych pasków bocznych lub paneli. Ale gdy popchnę coś poza prawą lub dolną krawędź okna, przeglądarka (w moim przypadku Chrome) automatycznie doda do niego paski przewijania. Użytkownik może teraz przewinąć do elementu, który próbowałem ukryć. (Przykład JSFiddle)

Mogę usunąć paski przewijania, ustawiającoverflow-x: hidden na elemencie ciała, ale to otwiera wiele innych efektów ubocznych. Na przykład użytkownik nadal może przypadkowo kliknąć i przeciągnąć swoją drogę poza krawędź ekranu. Użytkownik widzi teraz „ukryty” element i może również utknąć, jeśli nie wie, jak działają przeglądarki. (Przykład JSFiddle)

Jak mogę osiągnąć ten efekt „zniknięcia z ekranu” bez doświadczania tych wad?