site: update home (ant-design#3939)

funreading · Nov 21, 2016 · ca88182 · ca88182
1 parent c306494
commit ca88182
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 15 deletions.
diff --git a/site/theme/static/home.less b/site/theme/static/home.less
@@ -21,9 +21,8 @@
   opacity: 1;
 }
 
-#banner {
+.banner-wrapper {
   position: relative;
-  height: 100%;
   width: 100%;
   overflow: hidden;
   background: url("https://os.alipayobjects.com/rmsportal/GhjqstwSgxBXrZS.png") no-repeat center / cover;
@@ -107,11 +106,11 @@
 
 .page {
   min-height: 700px;
+  height: 100vh;
 }
 
 .content-wrapper {
   width: 100%;
-  height: 100%;
   max-width: 1500px;
   margin: auto;
   overflow: hidden;

diff --git a/site/theme/template/Home/Banner.jsx b/site/theme/template/Home/Banner.jsx
@@ -18,7 +18,7 @@ function typeFunc(a) {
 export default function Banner({ location, onEnterChange }) {
   const query = location.query;
   return (
-    <section id="banner" className="page">
+    <section className="page banner-wrapper">
       <ScrollElement id="banner" onChange={({ mode }) => onEnterChange(mode)}>
         <QueueAnim className="banner-text-wrapper" type={typeFunc} delay={300} key="banner">
           <h2 key="h2">ANT <p>DESIGN</p></h2>

diff --git a/site/theme/template/Home/Link.jsx b/site/theme/template/Home/Link.jsx
@@ -4,7 +4,7 @@ import scrollScreen from 'rc-scroll-anim/lib/ScrollScreen';
 
 export default class Link extends React.Component {
   componentDidMount() {
-    scrollScreen.init({ docHeight: 4746 });
+    scrollScreen.init();
   }
 
   render() {

diff --git a/site/theme/template/Home/index.jsx b/site/theme/template/Home/index.jsx
@@ -10,18 +10,15 @@ import Page4 from './Page4';
 // To store style which is only for Home and has conflicts with others.
 function getStyle() {
   return `
-    #react-content,
-    #react-content > div {
-      height: 100%;
+    html, body{
+      height: auto;
     }
     .main-wrapper {
       background: transparent;
       width: auto;
       margin: 0;
       border-radius: 0;
       padding: 0;
-      overflow: unset;
-      display: inline;
       min-height: 600px;
     }
     #header {
@@ -66,11 +63,6 @@ function getStyle() {
       border-left-color: rgba(235, 237, 238, .5);
       transition: border 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     }
-    section {
-      height: 100%;
-      width: 100%;
-      background: #fff;
-    }
     #footer {
       background: #000;
     }