hide page scroll when focus is on Radgrid

[Kishor]

hello

I have webpart containing radgrid with scroll.
when i scroll grid , page also scroll

so i want to do is - hide disable or hide page scroll when focus is on radgrid and enable scroll when focus is out of radgrid

below is attached image

please help.

thanks
Kishor

[Pavlina]

Hello Kishor,

The only when to hide the browser scroll while scrolling the grid is by handling Grid OnScroll client-side event and use the Javascript code snippet below:

<script type="text/javascript">
        var a = 0;
        function OnScroll(sender, args) {
            clearTimeout(a);
            document.documentElement.style.overflow = "hidden";
            $find("RadGrid1").repaint();
            a = setTimeout(function () {
                document.documentElement.style.overflow = "";
                $find("RadGrid1").repaint();
            }, 1000);

        }
    </script>

I have also attached a sample project for reference.

Regards,
Pavlina
Telerik