How to remove this empty space on right side that comes on scrolling the page up.
I have built this UI clone of X(twitter) by using HTML, CSS and Tailwind CSS.
Here is the link to my website : https://tranquilityseeker-gautam.github.io/X-previously-Twitter_clone/
To view the site : click on details and then click on this unsafe site. I don't know why my browser is displaying my site as dangerous, I am just trying to create a UI clone of twitter homepage.
here are my html and css files : https://github.com/TranquilitySeeker-Gautam/X-previously-Twitter_clone
index.html and input. css
rest all are images.
rest all are images.
GitHub
GitHub - TranquilitySeeker-Gautam/X-previously-Twitter_clone: Twitt...
Twitter homepage UI clone built using HTML5 CSS3 and Tailwind CSS - GitHub - TranquilitySeeker-Gautam/X-previously-Twitter_clone: Twitter homepage UI clone built using HTML5 CSS3 and Tailwind CSS
6 Replies
twitter does it by tracking the window size, the height of the right section and the scroll position.
when the bottom of that element is reached, it changes the sticky position from top to bottom (with a negative offset). I didn't look at the exact maths
when the bottom of that element is reached, it changes the sticky position from top to bottom (with a negative offset). I didn't look at the exact maths
maybe this blog post will help you
https://blog.lakbychance.com/crafting-a-twitter-like-sticky-sidebar
Lakshya Thakur's blog
Crafting a Twitter like sticky sidebar
Create a smooth, visible sticky sidebar with React for improved UX. Inspired from platforms like Twitter and Medium.
thanks a ton bro!
the site is probably flagged as dangerous because it's a twitter clone 😄
hmm most probably
or very new