Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hide on scroll

See original GitHub issue

Hey @Mastermindzh,

at first, nice module, good API and it just works. I’ve a question, what do you think about a acceptOnScroll option? I’v seen this functionality in other modules and i’am wondering if its also a case for this one?

So some kind of window.addEventListener('scroll') which executes this.accept on scroll start.

But at first it would be interesting if this is even allowed.

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:11 (5 by maintainers)

Top GitHub Comments

1reaction

michaelzoidlcommented, Jul 14, 2018

@Mastermindzh you’re awesome… thank you! 😃

1reaction

Mastermindzhcommented, Jul 13, 2018

Added in v1.6 😃

Enjoy!

Example usage:

<CookieConsent acceptOnScroll={true} acceptOnScrollPercentage={50} onAccept={() => {alert("consent given")}}>Hello scroller :)</CookieConsent>

Top Results From Across the Web

How To Hide Menu on Scroll - W3Schools

This example demonstrates how to hide a navbar when the user starts to scroll the page. Scroll down this frame to see the...

Hide NavBar as Scroll down, in less than 10 lines of javascript

Here, the position of the navbar is being altered using javascript. First we create a variable which stores position of Page;. Then we...

Hide navbar menu on scroll down, show on scroll up

Steps to make bootstrap 5 navbar auto hide on scroll up · Create navbar on top of page · Write javascript funcrion to...

Hide scroll bar, but while still being able to scroll

Firefox now supports hiding scrollbars with CSS, so all major browsers are now covered (Chrome, Firefox, Internet Explorer, Safari, etc.). Simply apply the ......

How to hide the navbar on scroll on a webpage - Educative.io

Step 1 · DOCTYPE html> · html> · head> · meta name="viewport" content="width=device-width, initial-scale=1"> · style> · /head> · body> · nav id="nav">...