Skip to content

[Bug] Scrolling Beyond Limits Causes White Space at Header/Footer #454

@afadnan

Description

@afadnan

Bug Report 🐛

When scrolling beyond the top or bottom of the webpage, a white space appears instead of stopping naturally at the header and footer. This happens when trying to scroll upwards beyond the top or downwards beyond the footer.

Expected Behavior

Scrolling should stop at the top and bottom without showing extra white space.

Current Behavior

When scrolling beyond the top or bottom of the webpage, a white space appears instead of stopping naturally at the header and footer.

Here I mention Video below -

WhiteSpaceOnScrolling.mp4

Steps to Reproduce

1.Open the website.

2.Scroll up beyond the top of the page .

3.Scroll down to the bottom and continue scrolling.

4.Notice the white space appearing above the header or below the footer.

Desktop

  • OS: macOS Sonoma
  • Browser: Brave
  • Version: 1.69x

Possible Implementation

Ensure html, body { overflow: hidden } is not set globally.

Use min-height: 100vh on the main container.

Add JavaScript to prevent overscrolling.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions