Как я могу предотвратить показ содержимого, находящегося за пределами экрана, когда пользователь «перетаскивает» мышь через область просмотра?

Question

Я использую «overflow: hidden» на теге body, который скрывает полосы прокрутки, но не мешает пользователю перетаскивать мышь, чтобы открыть внешний контент при перетаскивании на нижний или правый крайокна просмотра.Вот сайт:

http://entanglement.gopherwoodstudios.com/

Чтобы воспроизвести поведение, одним из способов (в Chrome) является нажатие средней кнопки мыши и перетаскивание вниз или вправо.В IE9 захватите и перетащите кнопку меню на край.

Есть ли способ предотвратить это в масштабах всего приложения, или есть вызов свойства или события, который я должен переработать для каждого отдельного элемента?

Answer 1

Попробуйте задать для CSS-свойств overflow-x и overflow-y значение "hidden" для элемента, который служит элементом отсечения.

overflow-x:hidden;
overflow-y:hidden;

Answer 2

Вы можете добавить цикл таймера, который постоянно возвращается к (0,0).

var noScroll = function() { window.scrollTo(0,0) };
setInterval(noScroll,10);

Answer 3

Моей первой мыслью было использовать свойство CSS clip и изменить его с помощью javascript, чтобы соответствовать видимым частям тела ...