AMcoder - javascript, python, java, html, php, sql

Ոլորեք միշտ վերևում AngularJS-ում

Ես օգտագործում եմ AngularJS (MEAN.io stack) և ոլորման հետ կապված տհաճ անսարքություն եմ ստանում:

Երբ օգտատերը սեղմում է հղման վրա, նպատակակետ էջը վերևում մնալու փոխարեն վերցնում է ոլորման նույն դիրքը, քան սկզբնական էջը:

Այս տարօրինակ պահվածքը շտկելու համար ես օգտագործեցի հետևյալը.

$rootScope.$on("$viewContentLoaded", function () {
  $anchorScroll();
});

Բայց այս կոդը ստիպում է յուրաքանչյուր էջ վերցնել ոլորումը վերևի դիրքում, ինչը նույնպես նյարդայնացնում է, քանի որ օգտվողը պետք է կարողանա վերադառնալ և վերականգնել նախորդ ոլորման դիրքը:

Որևէ առաջարկություն: Ինչպե՞ս կարող եմ ստանալ ցանկալի արդյունք:

Շնորհակալություն

Խմբագրել --------------------

Երբ ես փորձել եմ օգտագործել ng-view + autoscroll լուծումը, այն ինձ մոտ չի աշխատում և չգիտեմ ինչու:

Սա այն ձևն է, որը ես օգտագործում եմ այն ​​իմ default.html էջում, որը սպասարկվում է սերվերի կողմից.

<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>

Ինչ-որ տարօրինակ բան կա իմ HTML կոդում:


Պատասխանները:


1

Համաձայն ngView փաստաթղթերի, դուք պետք է հայտարարեք, թե ինչպես եք ցանկանում ոլորել:

autoscroll (ըստ ցանկության) տող Արդյո՞ք ngView-ը պետք է զանգահարի $anchorScroll-ը՝ տեսքը թարմացնելուց հետո ոլորելու տեսադաշտը:

  • Եթե ​​հատկանիշը սահմանված չէ, անջատեք ոլորումը:
  • Եթե ​​հատկանիշը սահմանված է առանց արժեքի, միացրեք ոլորումը:
  • Հակառակ դեպքում միացրեք ոլորումը միայն այն դեպքում, եթե autoscroll հատկանիշի արժեքը, որը գնահատվում է որպես արտահայտություն, տալիս է ճշմարտության արժեք:

Այն լռելյայն անջատված է, այնպես որ դուք պետք է ավելացնեք հետևյալը ձեր նշագրման մեջ.

<div ng-view autoscroll></div>

կամ (ըստ փաստաթղթերի և կախված ձեր նախասիրություններից).

<div ng-view autoscroll="true"></div>
20.04.2015
  • Կարծես դա էլ ինձ մոտ չի ստացվում։ Ես խմբագրել եմ հիմնական թեման՝ ցույց տալով, թե ինչպես եմ այն ​​օգտագործում: Ինչ-որ տարօրինակ բան տեսնու՞մ եք: 20.04.2015
  • Վահանակի սխալներ ե՞ք ստանում: Եթե ​​ավելացնեք/հեռացնեք ավտոմատ ոլորումը այստեղ (jsfiddle.net/dL76co2r), կարող եք տեսնել, թե ինչպես պետք է այն աշխատի: Ձեր նշագրումը խնդրահարույց չի թվում: 20.04.2015

  • 2

    Ես լավագույնը չեմ անկյունային js-ի հետ, բայց ես նմանատիպ խնդիր եմ ստացել և այն ուղղել եմ՝ օգտագործելով հետևյալ կոդը.

    <div data-ng-view data-autoscroll="true"></div>
    

    կարող եք ծանոթանալ փաստաթղթերին այստեղ՝ անկյունային փաստաթուղթ

    Հուսով եմ, որ դա օգնում է

    20.04.2015
  • Այո, շնորհակալություն օգնության համար, բայց առայժմ այդ լուծումն ինձ մոտ նույնպես չի աշխատում: Խմբագրված հիմնական թեման, որը ցույց է տալիս, թե ինչպես եմ ես օգտագործում autoscroll-ը: 20.04.2015
  • @RubénJiménez Angular-ի ո՞ր տարբերակն եք օգտագործում: որևէ կոնսոլի սխալ. 21.04.2015
  • Նոր նյութեր

    Օգտագործելով Fetch Vs Axios.Js-ը՝ HTTP հարցումներ կատարելու համար
    JavaScript-ը կարող է ցանցային հարցումներ ուղարկել սերվեր և բեռնել նոր տեղեկատվություն, երբ դա անհրաժեշտ լինի: Օրինակ, մենք կարող ենք օգտագործել ցանցային հարցումը պատվեր ներկայացնելու,..

    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար
    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար Ինչպե՞ս հանգստացնել ձեր միտքը և աշխատեցնել ձեր պրոցեսորը: Ինչպես մնալ հանգիստ և զարգանալ ճնշման տակ...

    Մեքենայի ուսուցում բանկային և ֆինանսների ոլորտում
    Բարդ, խելացի անվտանգության համակարգերը և հաճախորդների սպասարկման պարզեցված ծառայությունները բիզնեսի հաջողության բանալին են: Ֆինանսական հաստատությունները, մասնավորապես, պետք է առաջ մնան կորի..

    Ես AI-ին հարցրի կյանքի իմաստը, այն ինչ ասում էր, ցնցող էր:
    Այն պահից ի վեր, երբ ես իմացա Արհեստական ​​ինտելեկտի մասին, ես հիացած էի այն բանով, թե ինչպես է այն կարողանում հասկանալ մարդկային նորմալ տեքստը, և այն կարող է առաջացնել իր սեփական արձագանքը դրա..

    Ինչպես սովորել կոդավորումը Python-ում վագրի պես:
    Սովորելու համար ծրագրավորման նոր լեզու ընտրելը բարդ է: Անկախ նրանից, թե դուք սկսնակ եք, թե առաջադեմ, դա օգնում է իմանալ, թե ինչ թեմաներ պետք է սովորել: Ծրագրավորման լեզվի հիմունքները, դրա..

    C++-ի օրական բիթ(ե) | Ամենաերկար պալինդրոմային ենթաշարը
    C++ #198-ի ամենօրյա բիթ(ե), Ընդհանուր հարցազրույցի խնդիր. Ամենաերկար պալինդրոմային ենթատող: Այսօր մենք կանդրադառնանք հարցազրույցի ընդհանուր խնդրին. Ամենաերկար palindromic substring...

    Kydavra ICAReducer՝ ձեր տվյալների ծավալայինությունը նվազեցնելու համար
    Ի՞նչ է ICAReducer-ը: ICAReducer-ն աշխատում է հետևյալ կերպ. այն նվազեցնում է նրանց միջև բարձր փոխկապակցված հատկանիշները մինչև մեկ սյունակ: Բավականին նման է PCAreducer-ին, չնայած այն..