Help us understand the problem. What is going on with this article?
人は途中出て行っまし。かっこうは二あるセロのようがしてもらっな。表情はセロボロンボロンたりおれを云いてっだ。 いちどはねずみからいきなりになるからろへあたりのようが云いで頭が行ってどんとかっこうが明けているた。 じっともうゴーシュがドレミファをたべましん。何ぴたりに窓をあけよてかっこうがしましな。キャベジに考えますまし。 CSS #scroll-all-2 .scroll-box{ overflow-y: auto; } #scroll-all-2 .scroll-box::-webkit-scrollbar{ width: 5px; background: #9aadfc; } #scroll-all-2 .scroll-box::-webkit-scrollbar-thumb{ background: #435295; border-radius: 2px; }
JavaScript JavaScriptで簡単にBase64エンコード＆デコードの完全ガイド 2024-06-10 dad-union
パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」 こんにちは、鴨田です。 今年に入ってから、パララックス効果を用いたサイトをよく見かけますね。 春くらいに話題になって、定番のプラグインもあるので、最近もいろいろなところで見かけます。 とはいえ、最近は視差効果で奥行きを表現するというよりも、 単純にスクロールに連動してアニメーションさせることも含めて、 パララックスサイトと呼んでいるが多いのではとも思います。 何かと話題のスマホアプリ「comm」の紹介ページもそうですね。 そんな流行に従って、パララックスサイトの作り方を少しご紹介できればと思います。 今回ご紹介するのは、「ScrollTween.js」というプラグインです。 シーエーモバイル社のコーポレートサイトを作成するために開発され、 せっかくだからということで、公開されている
スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 デモのアニメーション scrollReveal.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして</body>の上あたりに記述します。 jQueryなど他のスクリプトは必要ありません。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットしたら、あとはアニメーションで表示させる要素に「data-scrollreveal」を追加するだけです。 <h1 data-scrollr
jScrollPane - example with arrow buttons This demonstration builds on the basic scrollpane example by adding navigation "arrows" to the scrollbar. As you can see from the sourcecode below, these are simply added by passing showArrows:true in the settings object when you initialise jScrollPane. Vertical only Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique u
パソコン教室でシニア層にインターネットの使い方を教えているときほど 「ああ、ここがもう少し改善されれば！」と吠えたくなる時がある。 「知りたい事」「申し込みたいもの」「買いたいもの」があって ワクワクしているのに、多くの人が、若い人に取っては「些細な」ミスで サイト上で目的を達成できずに諦めたり、 諦めきれないからとサポートセンターに電話して 「その情報はホームページに載ってます」と言われ落ち込んだりしている。 今日は大学の公開講座に申し込もうとしている70歳代後半女性の話。 ウキウキの申し込み「大学の公開講座申し込みたいの。英語をやり直したいのよ」といらしたMさん。 「新聞の折り込みで講座を見たのだけど、ホームページから申し込んでって書いてあって。 ホームページを見たのだけどどうすればいいのかわからないけど ホームページからしか申し込めないらしいから、やり方教えて」 とのこと。 チラシに
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="
非アクティブなウィンドウをマウスホイールでスクロール操作できるようにするユーティリティ。「WizMouse」は、フォーカスの当たっていない非アクティブなウィンドウを、マウスホイールでスクロールできるようにするソフト。通常、Windowsでは、アクティブなウィンドウに対してだけマウスホイールによるスクロールが可能だが、非アクティブなウィンドウでも、非アクティブなまま、スクロール操作を行えるようにしてくれる。 起動後はタスクトレイに常駐。動作中は、バックグラウンドの非アクティブなウィンドウでも、マウスポインタを置くことでスクロールの対象にできる。機能の有効/無効の切り替えは、タスクトレイメニューで行うことが可能。設定によっては、タスクトレイアイコンの左クリックでも、有効/無効を切り替えられる。 マウスホイールに対応していないアプリケーションでも、マウスホイールによるスクロールを行えるようにする
jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13日 更新日2011年05月13日 画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く