CalcBuilder Forum

Request – Auto Scroll to Result Section in Moonsoft CalcBuilder

User Irwandy 2026-03-04 03:39:51

Dear Support Team,

In Moonsoft CalcBuilder, I would like the page to automatically scroll (or focus) to the generated Result section immediately after the calculation is completed.

Current behavior:
After the user clicks the calculate button and the result is generated, the page remains at the current position. If the result section is located further down, the user must manually scroll to see it.

Requested behavior:
Once the result is successfully generated and displayed:

The browser should automatically scroll to the Result section, OR

The page should automatically set focus to the Result container.

Expected outcome:
This will improve user experience by:

Ensuring users immediately see the calculation output

Avoiding confusion about whether the calculation was successful

Reducing unnecessary manual scrolling

Technical expectation (functional description):
Trigger auto-scroll or focus event after result rendering is completed.

Example expected flow:

User clicks “Calculate”

System processes calculation

Result is displayed

Page automatically scrolls to Result section

Please advise if this can be configured within Moonsoft Calculator settings or if customization is required.

Thank you.

Moonsoft support 2026-03-04 12:48:25

Hi,
with the configuration tab JS Code-> executed after calculation you are able to launch any action after the results are shown, so you can move the scroll or send to any specific section of the page.

As you already have at your calculator one div with id 'calculation-results' that marks the beginning of the output section, a simple solution could be:

window.location="#calculation-results";

In order to place the page at this point. With some more complex js or css you could even build a smooth scroll to any position, for ex:

CB('html, body').animate({
scrollTop: CB("#calculation-results").offset().top
}, 2000);


Hope this helps, regards
Silvia Martín
Moonsoft Team

...
Support/development 10 hours

Get a bigger amount of hours for more complex tasks and get a 10% discount

Buy now!
...
List Manager

Build different lists for your site

Buy now!