ASP.Net web forms application’s page scroll behavior when bootstrap enabled

I’ve an issue with page scroll behavior in ASP.Net web forms application when bootstrap css enabled, below is the explanation.

  1. Created a new Web Forms project from Visual Studio 2022
  2. VS automatically created the project with required folders/files & packages (bootstrap 5.2 included)
  3. In default.aspx page, added a asp:Button inside an asp:UpdatePanel, bound with a JavaScript call on client click. the button’s objective is to scroll to a div placed at the bottom of the page.

button

scroll div

  1. Tried to test the functionality, found an issue that the page is scrolling to the bottom of the page (Div1) as expected and immediately scrolling back to the top of the page.

Kindly help me based on the below observations.

Observations

  1. If the below reference to bootstrap CSS is disabled, then working as expected, no issue.

bootstrap

  1. Access below link address to see videos of browser development tools

video ref