問題タブ [codepen]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
362 参照

sass - CodePen の Sass オプションと Scss オプションの違いは何ですか?

CodePen では、CSS は CodePen によって提案された一連のプリプロセッサを持つことができます。.scssSass を使用してファイルに CSS をコーディングしたいと考えています。

ただし、CodePen では、SCSS と Sass を 2 つの別個のプリプロセッサとして提案しています。どちらを選択すればよいでしょうか?

画像 2枚目の画像

0 投票する
1 に答える
4632 参照

svg - なぜこの SVG 画像の高さは 150px なのですか

この SVG 画像が 500px のコンテナ内に 150px の高さで表示されるのはなぜですか? なぜこの特定の値ですか?

js bin と Codepen の両方でこの奇妙な動作を見つけたので、オンライン エディターではなく、コードに関係があると思います。

ここに画像の説明を入力

注: 700px の div コンテナーでも同じ結果になります。したがって、親の身長は関係ありません。

これが Jsbinで、これが CodePen です。

0 投票する
2 に答える
10214 参照

svg - SVG パスのバウンディング ボックスを取得する

このページの機能を正確に知りたい

http://codepen.io/netsi1964/full/vNoemp/

私はパスを持っており、それがrect要素としてのバウンディングボックスであることを知る必要があります.x、y、幅、高さのコードです

rectプロパティを知っている

0 投票する
4 に答える
2350 参照

javascript - React.js ライブラリが CodePen で動作しませんか?

CodePen で React.js を使用すると、非常に単純な問題が発生します。React は初めてで、CodePen で React ライブラリを使用しようとしています。プリプロセッサとして Babel も使用しているにもかかわらず、何らかの理由で機能していないようです。

これは私が使用しているバージョンと関係があるように感じますか? - 15.3.1

http://codepen.io/anfperez/pen/aBomwp

私のコード:

どんなヒントでも大歓迎です。

0 投票する
1 に答える
836 参照

html - アンカーリンクによるスムーズなスクロール

私のアンカーリンクを取得し、クリックしたときにページのそのセクションにスムーズにスクロールする簡単なコードを誰かが持っているかどうか疑問に思っていました. 現在、リンクをクリックすると、基本的にスムーズなスクロールなしで Web ページのそのセクションにテレポートします。どんな助けでも大歓迎です、ありがとう!

PS私はCodePenでこれをやっています

0 投票する
2 に答える
199 参照

html - リンクは JSFiddle では機能しませんが、CodePen では機能します

ここで完全に動作します CodePen :

http://codepen.io/ekilja01/pen/pEXLNY

ここではjsfiddleでは機能しません:

http://jsfiddle.net/v9ec3/963/

動作しないということは、ナビゲーションバーが完全に台無しになっていることを意味します。外部リソースが追加されます。どうしたの?助けてください!

0 投票する
1 に答える
51 参照

javascript - 画像がフェードインまたはフェードアウトしないのはなぜですか?

だから私は現在、画像がフェードインおよびフェードアウトするjQueryのスライドショープロジェクトに取り組んでいます。問題は、これが私のKhanAcademy プロジェクトでのみ機能し、私のCodePen-Penでは機能しないことです。

CodePen の問題を誰か教えてくれませんか? ありがとうございました!

コード:

0 投票する
1 に答える
2347 参照

reactjs - 折りたたみパネルを機能させるにはどうすればよいですか?

私はreactbootstrapを使用しており、このコードペンを作成して機能させようとしましたが、うまくいきませんでした。これは、開閉することになっているパネルです。

これはcodepen です。コンソールにエラーは表示されないので、何が起こっているのかわかりません。