As browsers automatically detect the hash and take you to that position… It occurs to me that you could first reset the scroll position to 0 and then made the smooth scrolling. Something like… // to top right away if ( window.location.hash ) scroll(0,0); // void some browsers issue setTimeout( function() { scroll(0,0); }, 1); … Read more
You can check $(document).scrollTop() inside of a scroll handler: var $document = $(document), $element = $(‘#some-element’), className=”hasScrolled”; $document.scroll(function() { if ($document.scrollTop() >= 50) { // user scrolled 50 pixels or more; // do stuff $element.addClass(className); } else { $element.removeClass(className); } }); If adding the class name is all you want (no other actions needed), this … Read more
I found two jQuery plugins that may do what you want. Simplr-SmoothScroll // Source: SE Question jQuery SmoothWheel edit: Struck out SmoothWheel because of comments – it hasn’t been updated in ages, and SmoothScroll seems well maintained.
The TreeView control itself includes a ScrollViewer in its template. You should be able to just use a TreeView inside an appropriate host (not a StackPanel!).
Is this what you are after? Demo CSS: .dyn-height { width:100px; max-height:250px; overflow-y:scroll; } height: optional – just for the demo.
You can do this using the .animate() method: $(document).ready(function () { // Handler for .ready() called. $(‘html, body’).animate({ scrollTop: $(‘#what’).offset().top }, ‘slow’); }); This will smooth scroll to the div with ID what FIDDLE
Setting a height on your body and html of 100% should fix you up. Without a defined height your content is not overflowing, so you will not get the desired behavior. html, body { overflow-y:hidden; height:100%; }
Are you using an anchor tag to implement the “button” that pops the dialog? If so, you’ll want the click handler that opens the dialog to return false so that the default action of the anchor tag isn’t invoked. If you are using a button, you’d also need to make sure that it doesn’t submit … Read more