How to hide and show a RelativeLayout header when scrolling a webview?

Question

Currently, I have a webView with custom relativeLayout header, and when I scroll up, the webView the header should be hidden.
And when I scroll down the header should be visible.

Please suggest me any idea about.

Please provide a code snippet of your current implementation. — Matthias Sommer, Feb 18 '19 at 10:35

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

You will have to implement scroll listener for that. see this

After implementing scroll listener for webview, you will get two conditions (up scroll & down scroll).

so, hide your relative layout header on scroll down and show it on scroll up.

wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
    public void onScroll(int l, int t, int oldl, int oldt){
        if(t> oldt){
            header.setVisibility(View.VISIBLE);
        }
        else if(t< oldt){
            header.setVisibility(View.GONE);
        }
    }
});

You can also make an animation transition for the same for the better user experience.

score -1 · Answer 2 · answered Feb 18 '19 at 11:15

-1

wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
    public void onScroll(int l, int t, int oldl, int oldt){
        if(t> oldt){
            header.setVisibility(View.VISIBLE);
        }
        else if(t< oldt){
            header.setVisibility(View.GONE);
        }
    }
});

when i implement this code then at the time of scrolling both condition are executing.that's why its showing visible and gone at the same time.

answered Feb 18 '19 at 11:15

Amit kr Sinha

11
1

No, it's not possible that both conditions will true at the same time, as the second condition is in else part. – Prayag Gediya Feb 18 '19 at 11:28

How to hide and show a RelativeLayout header when scrolling a webview?

2 Answers2