小编BHO*_*OLT的帖子

我的立场:使用flexbox时粘性元素不粘

我被困在这一点上,并认为我会分享这个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)

JSFiddle显示问题

css sticky flexbox

65
推荐指数
6
解决办法
3万
查看次数

使用负CSS自定义属性

在预处理器中,如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)

css css-variables

12
推荐指数
1
解决办法
3389
查看次数

我什么时候应该在 Svelte 定制商店中使用衍生产品?

我已经遵循了很棒的 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 …

svelte

10
推荐指数
2
解决办法
4801
查看次数

如何在Elm中为嵌套记录创建通用更新函数

在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)

elm

5
推荐指数
1
解决办法
1117
查看次数

我可以从 Rails 中的另一个模型调用类方法吗?

我试图调用一个类方法(当前是一个作用域),该方法使用其父(或属于)模型中的属性,但似乎无法使其正常工作。

我的模型:

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,以便我可以将其他范围链接在一起。

欣赏任何想法。

ruby-on-rails

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

css-variables ×1

elm ×1

flexbox ×1

ruby-on-rails ×1

sticky ×1

svelte ×1