Tôi đang sử dụng AngularJS (MEAN.io stack) và tôi đang gặp trục trặc gây phiền nhiễu liên quan đến cuộn.Cuộn luôn ở trên cùng trong AngularJS
Khi người dùng nhấp vào liên kết, trang đích sẽ có cùng vị trí cuộn so với trang gốc, thay vì ở trên đầu trang.
Đối với sửa chữa hành vi kỳ lạ này, tôi sử dụng tiếp theo:
$rootScope.$on("$viewContentLoaded", function() {
$anchorScroll();
});
Nhưng mã này làm cho mỗi trang duy nhất mất cuộn vào vị trí hàng đầu, đó là gây phiền nhiễu cũng vì người dùng phải có khả năng quay trở lại và phục hồi vị trí cuộn trước đó.
Bất kỳ đề xuất nào? Làm thế nào tôi có thể có được kết quả mong muốn?
Cảm ơn!
Chỉnh sửa --------------------
Khi tôi đã cố gắng sử dụng giải pháp ng-view + autoscroll, nó không hoạt động cho tôi và tôi không biết tại sao.
Đây là cách tôi đang sử dụng nó, trong trang default.html tôi được phục vụ bởi các máy chủ:
<body ng-cloak class="ng-cloak" ng-class="{state: true, auth: authPage}" ng-controller="BodyController">
<div ng-include="'/system/views/header.html'"></div>
<section class="content">
<div data-ng-include="'/ceh-admin/views/adminShortcuts.html'"></div>
<div ng-view autoscroll="true">{% block content %}{% endblock %}</div>
</section>
<div data-ng-include="'/system/views/footer.html'"></div>
{% include '../includes/foot.html' %}
</body>
Vài điều kỳ lạ trong mã HTML của tôi?
Có vẻ như điều đó không làm việc cho tôi cả. Tôi đã chỉnh sửa chủ đề chính cho thấy cách tôi đang sử dụng nó. Bạn có thấy điều gì lạ? –
Bạn có gặp bất kỳ lỗi giao diện điều khiển nào không? Nếu bạn thêm/xóa autoscroll tại đây (http: // jsfiddle.net/dL76co2r /) bạn có thể xem nó hoạt động như thế nào? Đánh dấu của bạn không có vấn đề gì. – RichieAHB