小编Phi*_*les的帖子

input[type=range] {
        -webkit-appearance: none;
        width: 100%;
        height: 20px;
        border-radius: 5px;
        border: 1px solid;
        background: none;
        box-shadow: 0px 0px 8px 0px #555, 0px 0px 25px 0px #555 inset;
        transition: 0.4s all ease-out;
        outline: none;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 30px;
        height: 30px;
        background-color: #CCC;
        border: solid 1px #333;
        border-radius: 4px;
        box-shadow: 0px 0px 8px 0px #555, 0px 0px 25px 0px #555 inset;
        cursor: pointer;
        transition: 0.4s all ease-out;
    }

    input[type=range]:hover {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px …

Run Code Online (Sandbox Code Playgroud)

html css forms input

Phi*_*les

2016 11-06

5
推荐指数

1
解决办法

3055
查看次数

当chrome中的比例发生变化时,滚动条不会被修改

我有一个div,在div里面我有一个'svg'元素.我想放大,每次点击'svg'元素的'scale'值都会增加,从而产生缩放效果.但是,由于某种原因,当内部'svg'的比例增大时,父div的滚动条没有被修改.这个问题只出现在Chrome中,在IE中我实际上得到了想要的结果.

小提琴的例子

var elementToScale = document.getElementById('svg');
var scale = 1;

document.getElementById('zoom').addEventListener('click', function() {
  scale += 0.1
  elementToScale.style.transform = "scale(" + scale + ")";
});

Run Code Online (Sandbox Code Playgroud)

div {
  border: 1px solid black;
  width: 400px;
  height: 400px;
  overflow: scroll;
}
svg {
  border: 1px solid black;
}

Run Code Online (Sandbox Code Playgroud)

<div>
  <svg width=300px height=300px id="svg">
    <rect width=200 height=200 x=50 y=50 fill="red" />
  </svg>
</div>
<br>
<button id="zoom">
  ZoomIn
</button>

Run Code Online (Sandbox Code Playgroud)

html javascript css css-transforms

Joe*_*Joe

2017 01-04

2
推荐指数

1
解决办法

598
查看次数

我有一些类，它在创建时为每个实例提供一个唯一的 ID。我可以通过两种方式之一来做到这一点，但不知道哪种做法更好。第一种方法是使用类变量和类方法来设置ID。用户可以通过调用类似的方法来解决这个问题，SomeClass.unique_id = something但这不太可能。第二种方法是使用带有 yield 和无限 while 循环的静态方法。我在下面展示了这两种方法（请注意，这两种方法仅出于示例目的而具有相同的名称）。

class SomeClass():
    
    def __init__(self, *args, **kwargs):
        self.id = self.generate_id()

    # Method 1:
    unique_id = 0
    @classmethod
    def generate_id(cls):
        cls.unique_id += 1
        return cls.unique_id

    # Method 2:
    @staticmethod
    def generate_id():
        unique_id = 0
        while True:
            unique_id += 1
            yield unique_id

Run Code Online (Sandbox Code Playgroud)

在我的代码中使用哪种方法更好？

python python-3.x python-3.6

Phi*_*les

lucky-day

2
推荐指数

1
解决办法

35
查看次数