To maintain the scroll position after postbacks is important for larger web pages in order to let the user know exactly what is going on.
It is good usability and something you would expect in modern web applications.
In ASP.NET 1.x you were able to do it simply by setting the MaintainScrollPositionOnPostBack property, which does exactly what the name applies. It has a much smaller impact on the output and it is cross-browser compliant.
There are three ways of applying the property to a web page.
You can set it programmatically
Found an error or have a suggestion? Let us know and we'll review it.
Page.MaintainScrollPositionOnPostBack = true;
In the page declaration
<%@ Page MaintainScrollPositionOnPostback="true" %>
Or in the web.configs <system.web> section.
<pages maintainScrollPositionOnPostBack="true" />
This feature is an absolute must-have on large web pages built for postback scenarios.
The beauty of it is the simplicity and the low impact.
 {
function initCopyableSections() {
document.querySelectorAll('.article-content .copyable-section').forEach(function(section) {
if (section.querySelector('.copyable-section__btn')) return;
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'copyable-section__btn';
btn.setAttribute('aria-label', 'Copy to clipboard');
var label = section.getAttribute('data-copy-label');
btn.textContent = label ? 'Copy ' + label : 'Copy';
section.appendChild(btn);
btn.addEventListener('click', function() {
var contentEl = section.querySelector('.copyable-section__content');
var text;
if (contentEl) {
text = contentEl.textContent.trim();
} else {
var clone = section.cloneNode(true);
var btnClone = clone.querySelector('.copyable-section__btn');
if (btnClone) btnClone.parentNode.removeChild(btnClone);
text = clone.textContent.trim();
}
if (!text) return;
navigator.clipboard.writeText(text).then(function() {
var t = btn.textContent;
btn.textContent = 'Copied!';
btn.classList.add('copied');
setTimeout(function() {
btn.textContent = t;
btn.classList.remove('copied');
}, 2000);
});
});
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCopyableSections);
} else {
initCopyableSections();
}
})();
</script>
<!-- Tags -->
<!-- Correction Form -->
<div class=)
Suggest a Correction
ASP.NET: Maintain Scroll Position After Postbacks
0 views
Comments (0)
Please sign in to leave a comment.
No comments yet. Be the first to comment!