scrollifyとjQueryプラグインのカスタマイズをするお仕事 サイト構築・ウェブ開発の仕事の依頼
仕事の概要
|
固定報酬制
|
ワーカーと相談する
|
|---|---|
|
納品完了日
|
2019年06月14日 |
|
掲載日
|
2019年06月12日 |
|
応募期限
|
2019年06月14日 |
|
必要なスキル
|
応募状況
| 応募した人 | 3 人 |
|---|---|
| 契約した人 | 0 人 |
| 募集人数 | 1 人 |
| 気になる！リスト | 0 人 |
仕事の詳細
|
scrollifyという
jQueryプラグインを使って、 DEMOのような紙芝居のような動きをつけたページがあるのですが、 希望通りの動きにならないため、調整作業をお願いしたいです。 【DEMO ・添付ファイル一式をご確認ください ※梱包ファイルは「index.html」「jquery.min.js」「script.js」の3点になります 【ページの構成】 4つのセクションと1つのフッターが存在します。 ・.section#sec01 ・.section#sec02 ・.section#sec03 ・.section#sec04 ・footer 【やりたいこと ５つ】 ① DEMOページのように「1→2→3→4」と紙芝居のようにスクロールさせる ② ただし、3→4に移動したら以降はページ下部まで普通のスクロールに戻したい ($.scrollify.disable();というメソッドあり) ③ 4→3に移動する(上に戻る)ときは、紙芝居のようなスクロールに戻したい（$.scrollify.enable(); というメソッド あり ） ④ 1、2、3のセクションはいつでも画面サイズぴったりに表示させたい（リサイズが発生しても） ⑤ 1、2、3のセクションでリサイズされたら、画面サイズもそうだが、スクロール位置がずれないようにしたい (標準だとズレる） 【DEMOページの状態の問題点 4つ】 ① 画面サイズを変える（リサイズする）と、1、2、3のセクションの大きさは動的に変わっていると思うが、スクロール位置が定まらずズレたままになる挙動が発生するので解消したい。 ② スマホで見ると、4までの動きは大丈夫だが、それ以降に普通のスクロールにならない（画面高さずつ移動する）のでこれを解消したい。 ③ そもそも、スクロール時にガタつく感じがある。 ④ そもそもこのプラグインには、リサイズ時の調整オプションとして「setHeights」というものが用意されているが、これを使ってしまうと、4(縦長のセクション)のheightが動的にセットされ４だけ高さがバグる。また、4の下のfooterが表示されなくなる。 【本件で使いそうなプラグインのオプション、メソッド】 ・$.scrollify.enable(); ・$.scrollify.disable(); ・setHeights ※以下にオプションや事例があるので、もし良ければ参考にしてください。 https://webdesignday.jp/inspiration/technique/jquery-js/3812/ 【 納期希望 】 6月14日内 / 相談して決めたい 【 報酬 】 ～5,000円(込)くらいまでで考えています。 こちらが想定している作業に不足がある場合は、具体的な工数と金額をご提示いただけると幸いです。 【お願い】 具体的な作業内容、ボリューム、納期、は作業前に必ず相談の上 決めさせて頂きます。 それでも、以前に片手間でお仕事を請けられて、途中でスルーされたことがあるのですが、本件はスケジュールを重視のため、具体的な作業の進め方が把握できない方は、申し訳ございませんが本件へのご応募はお控えください。 【 求める人 】 ・具体的な作業の進め方、作業量を把握できている方 ・スケジュールを守れる方 (相談して決めさせてください） ・進捗をご報告できる方 【 応募方法 】 ・条件提示にてお見積もり金額を入力してください。 ・こちらが想定している作業に不足がある場合は、具体的な工数と金額をご提示いただけると幸いです。 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！ |
| 特記事項 |
|---|
|
|
添付ファイル
追記
2019年06月12日 22:43
【追記】19/06/12 22:43
せっかくご 応募いただいても、実際の作業内容について、具体的に「出来るかどうか」「どのように出来るか」の言及がない場合、こちらからご連絡が出来ない場合がございます。予めご了承ください。
せっかくご 応募いただいても、実際の作業内容について、具体的に「出来るかどうか」「どのように出来るか」の言及がない場合、こちらからご連絡が出来ない場合がございます。予めご了承ください。
クライアント情報
最近応募したクラウドワーカー
| クラウドワーカー | 応募日時 |
|---|---|
Hajime Okada
|
2019/06/14 00:11 |
IT_MASTER
|
2019/06/13 21:41 |
努力
|
2019/06/12 21:56 |
