No Scroll Demo

Body

document.querySelector('.body-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: document.documentElement,
		innerElement: document.body
	});
});

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque tristique enim non cursus. Mauris a vehicula nunc. Donec sagittis sagittis nisi nec egestas. Fusce tincidunt venenatis pulvinar. Curabitur egestas sed diam vel porttitor. Nunc et ornare purus, ac hendrerit turpis. Aenean sit amet commodo arcu, vitae accumsan eros. Sed odio diam, vehicula et facilisis nec, finibus sit amet enim. Nulla blandit blandit elit non feugiat. Pellentesque ac nunc nibh. Vestibulum finibus tellus ante, ac vulputate ligula aliquam et. Morbi at quam gravida, euismod risus ut, ultricies velit. Donec porta pellentesque congue. Pellentesque nisl leo, pellentesque pulvinar consequat a, ullamcorper non nibh. Sed ac urna quis erat euismod facilisis quis non purus.

Sed maximus elit vitae nunc efficitur, eget fringilla nisi tempor. Maecenas pellentesque nunc tempus elit tempor ornare. Suspendisse nec enim non nisl convallis dapibus. In id dignissim felis. Pellentesque nec dui vel dui aliquam rhoncus eu id purus. Ut augue ex, tempor id sem quis, consectetur pellentesque erat. Nunc dignissim sapien vel cursus condimentum. Phasellus commodo leo at dolor posuere iaculis ac sollicitudin ipsum.

Vertical

document.querySelector('.vertical-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: '.vertical-wrapper-outer',
		innerElement: '.vertical-wrapper-inner',
		axis: 'y'
	});
});

In hac habitasse platea dictumst. Etiam augue ante, rhoncus in ligula ac, facilisis interdum tellus. Nulla ac sem ac dui faucibus rhoncus. Sed faucibus at neque eget varius. In diam ligula, gravida ac euismod a, hendrerit vel velit. Duis ultrices ex sed dui varius, iaculis pellentesque sem mollis. In accumsan, ligula sed venenatis sollicitudin, massa tortor efficitur lorem, at lobortis neque est eget purus. Sed tortor enim, tincidunt non velit ac, rhoncus aliquam purus. Fusce id dolor sed nulla congue commodo. Etiam tempus aliquam diam, sit amet efficitur magna faucibus a. Suspendisse in orci ultrices, ullamcorper ex non, ultricies velit. Pellentesque nisl risus, lobortis et ligula in, egestas blandit augue. Vestibulum ex justo, tempus et sem rutrum, volutpat semper justo. Etiam eget aliquet leo. Sed fringilla ipsum lectus, volutpat laoreet diam accumsan id. Praesent sed porta mi.

Morbi eu lorem eget lacus convallis laoreet. Mauris sollicitudin lacus vel lacus luctus, sit amet posuere metus elementum. Duis consectetur nunc non nulla faucibus hendrerit. Aliquam volutpat, nibh eu mollis varius, sem erat blandit augue, ac pharetra metus lectus sed magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris sodales lectus in metus accumsan tincidunt. Aenean nec libero ut neque tincidunt condimentum. In tristique, neque ullamcorper malesuada gravida, ligula metus laoreet leo, vitae pellentesque lacus tortor ut augue. Aliquam viverra porttitor tortor, quis semper elit fringilla ut. Proin id elementum quam. Vestibulum ornare vitae nulla quis mattis.

Nulla nec sagittis ligula. Maecenas scelerisque velit turpis, vitae dapibus eros malesuada ut. In quis augue vitae risus luctus volutpat vitae a risus. Nulla ullamcorper mauris ac neque convallis dictum. Fusce varius fringilla sapien, eget ullamcorper magna. Curabitur aliquet, elit ac fringilla interdum, ligula nibh blandit dui, quis ornare nisl quam eu velit. Maecenas nec dolor at nulla euismod pulvinar. Praesent ac libero eu sapien vulputate pretium. Fusce et semper dui, tempus maximus diam. Mauris eget nulla facilisis, congue mauris ac, eleifend libero. Ut vestibulum eu neque ut imperdiet. Nullam at pharetra sapien, id sodales nunc.

Horizontal

document.querySelector('.horizontal-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: '.horizontal-wrapper-outer',
		innerElement: '.horizontal-wrapper-inner',
		axis: 'x'
	});
});

Vertical and Horizontal

document.querySelector('.both-vertical-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: '.both-wrapper-outer',
		innerElement: '.both-wrapper-inner',
		axis: 'y'
	});
});
document.querySelector('.both-horizontal-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: '.both-wrapper-outer',
		innerElement: '.both-wrapper-inner',
		axis: 'x'
	});
});
document.querySelector('.both-toggle').addEventListener('click', () => {
	noScroll.toggleScroll({
		outerElement: '.both-wrapper-outer',
		innerElement: '.both-wrapper-inner',
		axis: {
			x: true,
			y: true
		}
	});
});