簡體   English   中英

如何使用單擊角度功能使頁面跳至div?

[英]How to use on click Angular function to make page jump to div?

我做了一個Angular函數,它導致了點擊鏈接。 我的疑問是,當我單擊多維數據集時,我是否希望頁面跳轉/向下滾動: https : //codepen.io/Feners4/pen/KggAwg

我嘗試使用Id標簽進行鏈接,但未成功。這是我的Javascript:

directive('myClick', () => {
    return {
      restrict: 'A',
      link: (scope) => {
        scope.clicked = () => {
          console.log('pppp');
          window.location = "#/test.html";
        }
      }
    };
  });

多維數據集的HTML如下:

<body ng-app="App">
  <div ng-click="clicked()" my-click class="wrap">
    <div class="cube" change-background colorcode=¨#f45642¨>
      <div class="front"><span>Resume</span></div>
      <div class="back"></div>
      <div class="top"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="right"></div>
    </div>
  </div>

如何使用我的功能來實現將頁面跳至在同一頁面內制作“第二頁”的底部?

我在您的文檔中沒有看到#/test.htmlid 您需要添加正確的id 另外,您將要使用window.location.hash

例如:

window.location.hash = "#snap1":

您可以使用angular-scroll指令。

https://github.com/oblador/angular-scroll

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM