diff --git a/example/index.html b/example/index.html
index 7210ce5..fd2964b 100644
--- a/example/index.html
+++ b/example/index.html
@@ -14,162 +14,163 @@
     <h1 class="site-header-title">Muban <span>Transition Component</span></h1>
   </nav>
 
-  <div class="page-holder">
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+  <div class="site-holder">
+    <div class="page-holder">
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
 
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
-
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-        <button class="close-button button js-button-close">X</button>
-      </div>
-    </section>
-
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
+
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+          <button class="close-button button js-button-close">X</button>
+        </div>
+      </section>
+
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
 
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
 
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
 
-        <button class="close-button button js-button-close">X</button>
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-      </div>
-    </section>
+          <button class="close-button button js-button-close">X</button>
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+        </div>
+      </section>
 
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
 
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
 
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
 
-        <button class="close-button button js-button-close">X</button>
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-      </div>
-    </section>
+          <button class="close-button button js-button-close">X</button>
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+        </div>
+      </section>
 
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
 
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
 
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
 
-        <button class="close-button button js-button-close">X</button>
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-      </div>
-    </section>
+          <button class="close-button button js-button-close">X</button>
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+        </div>
+      </section>
 
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
 
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
 
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
 
-        <button class="close-button button js-button-close">X</button>
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-      </div>
-    </section>
+          <button class="close-button button js-button-close">X</button>
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+        </div>
+      </section>
 
-    <section
-      data-component="dummy-foo"
-      class="dummy-foo"
-      data-scroll-component>
+      <section
+        data-component="dummy-foo"
+        class="dummy-foo"
+        data-scroll-component>
       <span class="dummy-foo-bg abs-fill js-background">
         <div class="progress js-progress"></div>
       </span>
 
-      <div class="abs-center js-text-content">
-        <h1 class="heading-01">Scroll Transition</h1>
-        <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
-        <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
+        <div class="abs-center js-text-content">
+          <h1 class="heading-01">Scroll Transition</h1>
+          <button data-component="primary-button" class="primary-button button js-button-open">Open popup</button>
+          <button data-component="primary-button" class="primary-button button js-button-open-2">Open popup 2</button>
 
-        <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
-        <div class="looping-animation js-loop-animation"></div>
-      </div>
+          <h2 class="looping-animation-title heading-03 js-looping-title">Looping Animation</h2>
+          <div class="looping-animation js-loop-animation"></div>
+        </div>
 
-      <div
-        data-component="dummy-foo-popup"
-        class="dummy-foo-popup abs-center">
-
-        <button class="close-button button js-button-close">X</button>
-        <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
-      </div>
-    </section>
+        <div
+          data-component="dummy-foo-popup"
+          class="dummy-foo-popup abs-center">
 
+          <button class="close-button button js-button-close">X</button>
+          <h2 class="heading-02 abs-center js-title">Regular Transition</h2>
+        </div>
+      </section>
+    </div>
   </div>
 </div>
 
diff --git a/example/src/App.ts b/example/src/App.ts
index 97b2e06..661392c 100644
--- a/example/src/App.ts
+++ b/example/src/App.ts
@@ -8,6 +8,7 @@ export default class App extends CoreComponent{
   static displayName: string = 'app-root';
 
   public scrollTrackerComponentManager: ScrollTrackerComponentManager<IMubanTransitionMixin> = new ScrollTrackerComponentManager<IMubanTransitionMixin>({
+    container: window,
     inViewProgressEnabled: true,
     setDebugLabel: true,
     debugBorderColor: 'red',
diff --git a/example/src/component/block/DummyFoo/DummyFoo.ts b/example/src/component/block/DummyFoo/DummyFoo.ts
index e07b1eb..10f5af2 100644
--- a/example/src/component/block/DummyFoo/DummyFoo.ts
+++ b/example/src/component/block/DummyFoo/DummyFoo.ts
@@ -7,6 +7,7 @@ import mubanTransitionCoreMixin from '../../../../../src/lib/mixin/MubanTransiti
 
 export default class DummyFoo extends mubanTransitionMixin(mubanTransitionCoreMixin(CoreComponent)) {
   static displayName: string = 'dummy-foo';
+  public enterViewThreshold:number = 0;
   // public transitionController: DummyFooTransitionController;
 
   // private dummyFooPopup: DummyFoo;
diff --git a/example/src/style/screen.css b/example/src/style/screen.css
index 1b93f51..50fcd15 100644
--- a/example/src/style/screen.css
+++ b/example/src/style/screen.css
@@ -91,7 +91,22 @@ h1,h2,h3,h4 {
 }
 
 .page-holder {
+  position: relative;
+  /*overflow: auto;*/
+  /*height: 100%;*/
+}
+
+.app {
+  height: 100%;
+}
+.site-holder {
   padding-top: 55px;
+  /*margin-top: 55px;*/
+  /*height: 100%;*/
+}
+
+body {
+  /*overflow: hidden;*/
 }
 
 .block-component {
diff --git a/tsconfig.json b/tsconfig.json
index 7b0eb46..b112b02 100755
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "strict": true,
     "allowJs": false,
     "allowSyntheticDefaultImports": true,
     "baseUrl": "./src/",