私はこのプロジェクトのものをスムーズに選択した要素にスクロールするために、次のディレクティブhttps://github.com/d-oliveros/ngSmoothScrollを使用しています。ngSmoothScroll angleディレクティブが動作しません
は、ここに私のコードです:
angular
.module('sccateringApp', [
'ngAnimate',
'ngAria',
'ngCookies',
'ngMessages',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch',
'ui.materialize',
'smoothScroll'
])
'smoothScroll'
がプロジェクトに実際の依存関係を含めること:スクリプトがを含めて、私のapp.js
ファイル内に、私が持っているされています
...
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-aria/angular-aria.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-messages/angular-messages.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script src="bower_components/ngSmoothScroll/dist/angular-smooth-scroll.min.js"></script>
<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/initcontroller.js"></script>
<!-- endbuild -->
<script src="scripts/libs/materialize.min.js"></script>
<script src="scripts/libs/angular-materialize.js"></script>
</body>
...
。この記事の最初に与えられたリンク内の指示に従ってこれは私が私の見解の内側に何をすべきかです:
<li><a href="#" scroll-to="service-info" container-id="service-info">Contáctame</a></li>
...
<section class="service-info" id="service-info">
<h1 class="sofia-font">Detalles de Servicio</h1>
...
しかし、またそこに起こって何のスムーズなスクロールがされていないと、いずれかによって与えられた何の警告/エラーはありませんコンソールまたはjslint私のgrunt serve
タスクです。
私は間違っていると思いますか?私は非常に角度が新しく、私はまだそれを通して自分の道を見つけることを試みています。
私も同じことを探しています。あなたは運がありますか? – sooon
あなたのscroll-toとcontainer-idは同じ要素idを持っているので、スクロールが起こらないことは意味があります。 – o4ohel