I have a SPA using angular ui-bootstrap for the tabs component. In the
body of each tab I have several nested accordions, and ngTables at the
"leaf" nodes. In a few places I have code that attempts to activate a
particular tab, and open up the accordion tree until a particular table is
open, and then scroll to a row in the table.
All of the code that activates the tab and opens accordions works fine.
What is not working is the final call to "$anchorScroll". For some reason
this is doing nothing.
I'm using the following function:
scrollTo: function (elementId) {
> $location.hash("#" + elementId);
> $timeout(function() {
> $anchorScroll();
> });
> },
>
>
I tried setting a breakpoint in this function and executing the following
in the Firebug console:
angular.element("#" + elementId)
This prints out something like this (I'm eliding some of the value):
> jQuery(tr#serviceDef-tr-<channelname>-<servicename>.ng-scope✉)
>
The fact that it prints this out instead of "jQuery( )" means that this is
a valid and existing element.
Almost every single time I've tested this, nothing happens on the call to
"$anchorScroll". Strangely enough, just a couple minutes ago, when I was
stepping through this code, I saw it correctly scroll to the row in the
table. I then tested it again and got the same do-nothing behavior. That
was the only time I've ever seen this work.
The last thing I just tried a moment ago was adding a timeout value to the
$timeout call, starting with "1000". The first time I reloaded the page
with this, I saw even stranger behavior. I saw the page scroll to the
correct table row, but it only stayed there for a fraction of a second, and
then jumped back to the top of the page.
I'm doing most of my testing in Firefox, but it demonstrates the same
behavior in Chrome.
Note that the element I'm trying to scroll to is a "td" element, not a "a"
element. I couldn't find a clear statement about whether this should work,
but I found the following plunkr:
http://plnkr.co/edit/NvAdFWay46A9naw7zG3X?p=preview , which shows that the
scrolled-to element does not have to be a "a" element.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.
