Иногда приятно иметь возможность выдвигать предметы из области просмотра, чтобы скрыть их, например, при создании скрытых боковых панелей или панелей. Но когда я проталкиваю что-то за правый или нижний край окна, браузер (в моем случае Chrome) автоматически добавляет полосы прокрутки к нему. Теперь пользователь может прокрутить до элемента, который я пытался скрыть. (Пример JSFiddle)

Я могу удалить полосы прокрутки, установивoverflow-x: hidden на элемент тела, но это открывает кучу других побочных эффектов. Например, пользователь по-прежнему может случайно нажать и перетащить их за край экрана. Теперь пользователь видит & quot; скрытый & quot; элемент и может также зависнуть, если они не знают, как работают браузеры. (Пример JSFiddle)

Как мне этого добиться "исчезнуть с экрана"? эффект, не испытывая этих недостатков?