Метод .style - задает css свойства и их значение. Соответственно нужно использовать css calc и кастомные свойства css в качестве переменной. При желании вы можете задать значение кастомных свойств через js.
Любые "+12%" - это синтаксический сахар, который вы можете реализовать своими методами в js.
Потому что, чтобы работал скролл, что-то должно не влезать в блок, а у вас его высота определяется от высоты внутреннего содержимого. Ограничьте высоту блока .content и все заработает.
Не имеет отношения к программированию, но есть автокликеры. Например есть такие, к которых можно задать последовательность кликов мышью по разным координатам на экране. Только вы что думаете, ваши конкуренты еще до этого не додумались? )
