我被困在这一点上,并认为我会分享这个position: sticky
+弹性盒子的问题:
我的粘性div工作正常,直到我将视图切换到弹性盒容器,并且当它被包装在弹性盒父中时突然div不粘.
.flexbox-wrapper {
display: flex;
height: 600px;
}
.regular {
background-color: blue;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="flexbox-wrapper">
<div class="regular">
This is the regular box
</div>
<div class="sticky">
This is the sticky box
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在预处理器中,如SASS,您可以使用负值,如:
$margin-md: 10px;
.class {
margin-bottom: -$margin-md;
}
Run Code Online (Sandbox Code Playgroud)
如何使用自定义属性执行此操作?
// This doesn't work
.class {
margin-bottom: -var(--margin-md);
}
Run Code Online (Sandbox Code Playgroud) 我已经遵循了很棒的 Svelte 教程,但我无法理解何时应该derived
在我的定制商店中使用。在此示例中,我创建了一个具有 3 个状态的游戏:
PRE_GAME
IN_GAME
POST_GAME
当我处于这些状态之一时,我想返回一个布尔检查,我认为最好在定制商店本身。
这是我当前的代码:
import { writable, derived } from 'svelte/store';
export const gamestate = (() {
const { set, subscribe } = writable('PRE_GAME');
return {
subscribe,
set
};
})();
export const preGame = derived(gamestate, ($gamestate) => $gamestate === 'PRE_GAME');
export const inGame = derived(gamestate, ($gamestate) => $gamestate === 'IN_GAME');
export const postGame = derived(gamestate, ($gamestate) => $gamestate === 'POST_GAME');
Run Code Online (Sandbox Code Playgroud)
是否可以将派生方法移至商店,gamestate
例如gamestate.preGame()
?这在 Svelte 中有意义吗?然后我可以打电话$gameState …
在Elm中,我有一个嵌套属性的模型,如:
model =
{ name = ""
, disruptedFields =
{ advertising =
{ name = "Advertising"
, checked = False
}
, travel =
{ name = "Travel"
, checked = False
}
, utilities =
{ name = "Utilities"
, checked = False
}
}
}
Run Code Online (Sandbox Code Playgroud)
disruptedFields
包含复选框的值列表.当我点击复选框时,我发送了一条更新消息UpdateDisruptedField
,目前看起来像:
UpdateDisruptedField value ->
let
fieldCollection = model.disruptedFields
field = fieldCollection.advertising
in
{ model | disruptedFields =
{ fieldCollection | advertising =
{ field | checked = (not value) …
Run Code Online (Sandbox Code Playgroud) 我试图调用一个类方法(当前是一个作用域),该方法使用其父(或属于)模型中的属性,但似乎无法使其正常工作。
我的模型:
class Venue < ActiveRecord::Base
attr_accessible :address
has_many :events, :dependent => :destroy
end
class Event < ActiveRecord::Base
belongs_to :venue
scope :is_near, lambda {|city| self(Venue.address).near(city, 20, :units => :km)}
end
Run Code Online (Sandbox Code Playgroud)
我知道语法是错误的,但我认为这说明了我打算做什么。我想获取场地的地址并调用另一个方法。我需要类中的范围Event
,以便我可以将其他范围链接在一起。
欣赏任何想法。