ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add smooth scrolling

This commit is contained in:
Ramon Wenger 2018-08-23 11:42:51 +02:00
parent c95a7f32ee
commit 6db6dceb85
4 changed files with 2389 additions and 2368 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4747
client/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
client/package.json
View File

@ -68,6 +68,7 @@
"vue-axios": "^2.1.1", "vue-axios": "^2.1.1",
"vue-loader": "^14.2.1", "vue-loader": "^14.2.1",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue-scrollto": "^2.11.0",
"vue-style-loader": "^3.0.1", "vue-style-loader": "^3.0.1",
"vue-template-compiler": "^2.5.17", "vue-template-compiler": "^2.5.17",
"vue-vimeo-player": "0.0.6", "vue-vimeo-player": "0.0.6",

2
client/src/components/modules/ModuleNavigation.vue
View File

@ -3,7 +3,7 @@
<h3 class="module-navigation__heading">Inhalte: Modul 1</h3> <h3 class="module-navigation__heading">Inhalte: Modul 1</h3>
<div class="module-navigation__anchors"> <div class="module-navigation__anchors">
<a href="#" class="module-navigation__anchor module-navigation__anchor--active">Einleitung</a> <a href="#" class="module-navigation__anchor module-navigation__anchor--active">Einleitung</a>
<a href="#objectives" class="module-navigation__anchor">Lernziele</a> <a href="#" v-scroll-to="'#objectives'" class="module-navigation__anchor">Lernziele</a>
<a href="#" class="module-navigation__anchor">1.1 Lehrbeginn</a> <a href="#" class="module-navigation__anchor">1.1 Lehrbeginn</a>
<a href="#" class="module-navigation__anchor">1.2 Die drei Lernorte</a> <a href="#" class="module-navigation__anchor">1.2 Die drei Lernorte</a>
<a href="#" class="module-navigation__anchor">Lernzielkontrolle</a> <a href="#" class="module-navigation__anchor">Lernzielkontrolle</a>

7
client/src/main.js
View File

@ -8,6 +8,7 @@ import VueApollo from 'vue-apollo'
import App from './App' import App from './App'
import router from './router' import router from './router'
import store from '@/store/index' import store from '@/store/index'
import VueScrollTo from 'vue-scrollto';
Vue.config.productionTip = false Vue.config.productionTip = false
@ -36,6 +37,12 @@ Vue.use(VueApollo)
Vue.use(VueAxios, axios) Vue.use(VueAxios, axios)
Vue.use(VueVimeoPlayer) Vue.use(VueVimeoPlayer)
Vue.use(VueScrollTo, {
duration: 500,
easing: 'ease-out',
offset: -50
})
const apolloProvider = new VueApollo({ const apolloProvider = new VueApollo({
defaultClient: apolloClient defaultClient: apolloClient
}) })