How to disable scroll in x direction | SoloLearn: Learn to code for FREE!

+32

How to disable scroll in x direction

I referred to the question in discussion section but sadly unable to find the answer to my query, as the solution given by the users didn't worked in my code I tried these methods: ---->body{ overflow-x: hidden; } Solved🎊🎊🎉 Thank you to all for giving your valuable time and helping me😊

31 Answers

New Answer

+7

https://code.sololearn.com/W09rMYeT8J4r/?ref=app Problem solved....

+25

ㅤㅤㅤㅤ ɒʞiʜꙅᴎA 🎵🎶 Check this one 👇 https://code.sololearn.com/WxS2i9n4ZGq4/?ref=app

+15

Mere code me overflow-x: scroll; replace Kar do overflow-x: hidden; Kar do simple jaisa @namit ne Kaha hai

+11

Try this.... body{ overflow-x: hidden; } ~Happy coding

+8

Love which works in sololearn

+8

Try this.... html{ overflow-x: hidden; position:fixed; }

+8

ㅤㅤㅤㅤ ɒʞiʜꙅᴎA 🎵🎶 put everything in a div as I have told you earlier also!

+7

🤔 Try overflow-x:hidden; Else: You can dm me in case you can't share your code here, I will help you there!

+7

*{ overflow-x:hidded; } Try this

+7

Raj Srivastava nhi hua😥

+7

ㅤㅤㅤㅤ ɒʞiʜꙅᴎA 🎵🎶 share the code pls in DM or here

+7

+7

https://code.sololearn.com/WDTl4kIHR3Ru/?ref=app Raj Srivastava

+7

🎸Prachi The Pari🎸 di mujhe full page ka x direction mein scroll disable krna hai

+7

Namit Jain usse 2 alag sections bn jaate hai jisse overlap hota hai😥 Waise ab solve ho gya Thank you very much 😊😊

+7

ㅤㅤㅤㅤ ɒʞiʜꙅᴎA 🎵🎶 position fixed is the direct soln

+6

Matiyas Sirak Namit Jain Sakshi💕 tried but it didn't worked😥😥

+5

Overflow-x: hidden;

+5

U shld try overflow-x:hidden

+5

Naqab-Posh The INDIAN not working 😥