JQuery скрыть часть элемента вне viewport

Question

У меня есть элемент, который по клику должен перемещаться из представления и отображаться только около 10 процентов или около того. Как этот скриншот:

Моя проблема заключается в том, что всякий раз, когда он «прячется» за пределами окна просмотра вид «проходит» и становится прокручивать.

Я пытался использовать overflow: hidden; хотя я не понимаю, что работать на всех, и мне нужно, чтобы это работало на прошивке.

Есть ли способ, которым я могу вырезать элемент с помощью JQuery? или есть другие исправления?

Answer 1

Добавьте это в body:

body { 
    width: 100%; 
    overflow: hidden; 
} 

Ваш overflow:hidden не работает, потому что ваши элементы не имеют width набор.