{"action":"closed","issue":{"url":"https://api.github.com/repos/team-lab/megane-tanaka-web-frontend/issues/28","repository_url":"https://api.github.com/repos/team-lab/megane-tanaka-web-frontend","labels_url":"https://api.github.com/repos/team-lab/megane-tanaka-web-frontend/issues/28/labels{/name}","comments_url":"https://api.github.com/repos/team-lab/megane-tanaka-web-frontend/issues/28/comments","events_url":"https://api.github.com/repos/team-lab/megane-tanaka-web-frontend/issues/28/events","html_url":"https://github.com/team-lab/megane-tanaka-web-frontend/issues/28","id":299261463,"number":28,"title":"トップページの動きを追加してほしい","user":{"login":"junichi-hnd","id":15354899,"avatar_url":"https://avatars1.githubusercontent.com/u/15354899?v=4","gravatar_id":"","url":"https://api.github.com/users/junichi-hnd","html_url":"https://github.com/junichi-hnd","followers_url":"https://api.github.com/users/junichi-hnd/followers","following_url":"https://api.github.com/users/junichi-hnd/following{/other_user}","gists_url":"https://api.github.com/users/junichi-hnd/gists{/gist_id}","starred_url":"https://api.github.com/users/junichi-hnd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/junichi-hnd/subscriptions","organizations_url":"https://api.github.com/users/junichi-hnd/orgs","repos_url":"https://api.github.com/users/junichi-hnd/repos","events_url":"https://api.github.com/users/junichi-hnd/events{/privacy}","received_events_url":"https://api.github.com/users/junichi-hnd/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-22T08:32:53Z","updated_at":"2018-02-22T08:32:53Z","closed_at":"2018-02-22T08:32:53Z","author_association":"COLLABORATOR","body":"トップページにユーザーのアクションに応じた動きを追加して欲しい。\r\n\r\nアニメーションを制御するクラス群は以下になります\r\n\r\n- .center-to-top: 真ん中から上に移動\r\n- .top-to-center: 上から真ん中に移動\r\n- .bottom-to-center: 下から真ん中に移動\r\n- .center-to-bottom: 真ん中から下に移動\r\n\r\nsection ごと移動させたい場合は、`.page-wrapper` が付いている `section` にクラスをつけたり外したりして制御します。\r\n\r\nsection の中の各アイテムごとに移動させたい場合は、以下の要素にクラスをつけたり外したりして制御します。\r\n\r\n- .page-body__number-item\r\n- .page-body__catch-item\r\n- .page-body__title-item\r\n- .page-body__description-item\r\n- .page-body__button-item\r\n\r\n初期では、最初に表示させるものに `.current` or `.item-current` がついていて、他のものには `standby` がついています。\r\n\r\n下にスクロールしたときに、 `current` の要素は、`current` を外して `.center-to-top` をつけて要素が上にいくようにします。\r\n\r\nと同時にすぐ下にある要素が上にあがってくるように、`standby` を外して `.bottom-to-center` をつけます。\r\n\r\nこんな感じの説明で伝わりますかね？？💦\r\n\r\nsection ごと移動するところと、section 内のアイテムを移動させる必要があるところと、2つの動きが必要になってくるので、もしクラス名を分けたほうがやりやすいなどありましたら、教えてくださいー。修正します！！\r\n\r\n"}}
{"actor":{"display_login":"junichi-hnd"}}