小编job*_*bmo的帖子

好吧,出于某种原因,我的网页从左向右滚动显示了很多丑陋的空间.

我搜索了结果,但他们刚刚制作了滚动条隐藏

这就是我想要的,我想在物理上禁用水平滚动功能.我不希望用户能够在我的页面上上下左右滚动!

我试过:overflow-x:hidden在我的html标签上的css 但它只是隐藏了滚动条并且没有禁用滚动.

请帮我!

以下是该页面的链接:http://www.green-panda.com/usd309bands/(链接断开)

这可能会让你更好地了解我在说什么:

这是第一页加载的时间:

这是在我滚动到右边之后:

我知道可以在svg和canvas中绘制和动画弧.但是,它有可能在CSS？

我使用以下方法创建了一个弧:

.arc{
    width:150px;
    height:400px;
    border-radius:50%;
    border-right:1px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid white;
}

原始小提琴:http: //jsfiddle.net/YGKWT/(断链接)

但是,我该如何设置动画呢？我能想到的唯一方法就是在它上面放一个纯白色的div并向右滑动div,逐渐显示出弧线.有没有更好的办法？

编辑:

这是我正在寻找的动画类型:http: //jsfiddle.net/nQLY7/(断开链接)

我已经看过使用Typescript的React组件的多个示例:

class Foo extends React.Component<IProps, IState> {}

当我们不使用道具或国家时,似乎没有明确的约定.

人设这些类型any,null,undefined,{},void,etc.This就是我迄今为止看到:

1. class Foo extends React.Component<null, null> {}
2. class Foo extends React.Component<any, any> {}
3. class Foo extends React.Component<{}, {}> {}
4. class Foo extends React.Component<undefined, undefined> {}
5. class Foo extends React.Component<void, void> {}
6. class Foo extends React.Component<object, object> {}

这样做的最佳方式是什么？

更新:

• 道具:

  • void 不能使用(https://github.com/Microsoft/TypeScript/issues/15409和https://github.com/Microsoft/TypeScript/issues/15419),因为props对象初始化为{}

解

简单地说 - class Foo extends React.Component {}因为道具和州被初始化为{}

假设我有三个包含跨度的内联元素，某种类型的

<div class="my-inline-element">
    <span >Item1</span>
</div>

<div class="my-inline-element">
    <span >Item2</span>
</div>  

<div class="my-inline-element">
    <span >Item3</span>
</div>

.my-inline-element风格有display:inline;：

.my-inline-element{
  border:2px solid red;
  display:inline;
  margin-right:5px;
}

一切正常（https://jsfiddle.net/dbbd0zLa/1/）

当我想在里面制作跨度时会出现问题display:flex;......

.my-inline-element span {
  display: flex;
}

为什么它会破坏父 ( my-inline-element) 内联显示？( https://jsfiddle.net/9qdphh61/1/ )