问题标签 [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 投票
2 回答
628 浏览

css - 为什么这个 CSS 可以在 Codepen 上工作,但不能直接在浏览器中工作?

我正在尝试在我的网站上实现一个带有动画的纯 CSS 模式框。它在我发现的这个 Codepen 上完美运行:http: //codepen.io/petebot/pen/DBvKj

但我无法在我的网站上测试或自定义此代码,因为它不适用于 HTML 页面。

我在这里想念什么?

这是 HTML 页面:

0 投票
1 回答
362 浏览

sass - CodePen 中的 Sass 和 Scss 选项有什么区别?

在 CodePen 中,CSS 可以有 CodePen 提出的一系列预处理器。我想.scss使用 Sass 在文件中编写一些 CSS。

但是,在 CodePen 上,他们建议将 SCSS 和 Sass 作为 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/

我有路径,需要知道它的边界框是一个矩形元素,它是给定代码的 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 - 使用锚链接平滑滚动

我想知道是否有人有一些简单的代码可以获取我的锚链接并在单击时平滑滚动到页面的该部分。现在,每当我点击我的链接时,它基本上都会传送到网页的那个部分而没有任何平滑滚动。任何帮助将不胜感激,谢谢!

PS 我在 CodePen 中执行此操作

0 投票
2 回答
199 浏览

html - 链接在 JSFiddle 中不起作用,但在 CodePen 中起作用

在这里完美运行 CodePen :

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

并且在 jsfiddle 中不起作用:

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

不起作用我的意思是导航栏完全搞砸了。添加外部资源。怎么了?请帮忙!

0 投票
1 回答
1162 浏览

jquery - 拖动jQuery sortable时动态设置connectWith

我有一个应该与另一个列表连接的列表,但是对于列表中的每个项目,目标列表都会更改。

我在用着

然后在我的on('sortstart')函数中(在拖动项目时),我正在检查项目属性并将类应用valid到适当的列表以进行连接。然后我也运行一个$('.valid').sortable()

问题是,即使该类被正确应用于匹配列表并且它甚至获得了 ui-sortable 类,该项目也不会与它连接,但会再次尝试......

我意识到这可能对 jquery sortables 提出了太多要求,但如果有办法,那就太好了。

对此的任何想法将不胜感激。

这是一个或多或少显示问题的简化代码笔。

http://codepen.io/anon/pen/PboBvj

0 投票
1 回答
51 浏览

javascript - 为什么我的图像不会淡入淡出?

所以我目前正在使用 jQuery 制作一个幻灯片项目,其中图像会淡入淡出。问题是这只适用于我的KhanAcademy 项目,而不适用于我的CodePen-Pen

有人可以告诉我 CodePen 的问题吗?谢谢!

代码:

0 投票
1 回答
2347 浏览

reactjs - 如何让折叠面板工作?

我正在使用 reactbootstrap 并尝试创建此代码笔以使其正常工作,但到目前为止还没有运气。这是应该打开和关闭的面板:

这是codepen 控制台中没有错误,所以不知道发生了什么。