Scroll to Div on ASP.Net Button Click using jQuery

Hi Snooker,

You need to use return statement in the function and the OnClienClick attribute.

Refer below sample.

HTML

<asp:Button Text="Scroll" runat="server" OnClientClick="return ScrollToPhotos()" />
<div>
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
    This is sample text<br />This is sample text<br />This is sample text<br />This is sample text<br />
</div>
<hr />
<div id="bottom">
    Welcome to ASPSnippets!
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ScrollToPhotos() {
        $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'fast');
        return false;
    }
</script>

Screenshot