小编Pan*_*ool的帖子

div在位置后消失:相对

我正试图将图像放在容器内的右侧.但是,在我设置父容器后position: relative;,我的图像消失了.有任何想法吗?网站:http://andrewgu12.kodingen.com/.谢谢!

CSS:

.slide {
    padding-top: 138px;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: relative;
        box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); 
}
div#inner-container {
    text-align: left;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    white-space: normal;
    position: relative;
}
div#name {
    right: 0;
    bottom: 200px;
    position: absolute;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="slide" id="home" data-slide="1" data-stellar-background-ratio="1">
        <div id="inner-container">
            <div id="name" clas="row">
                <img src="images/names.png">
            </div>                            
        </div>            
    </div>
Run Code Online (Sandbox Code Playgroud)

html css

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

使用通用集合

它编译并成功运行!

List a=new ArrayList<String>();
a.add(new Integer(5));
Run Code Online (Sandbox Code Playgroud)

任何人都能解释一下吗?

java generics collections arraylist

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

如何在 VS Code 终端中粘贴剪贴板文本

我今天在我的 Windows 7 机器上更新了 VS Code。VS Code 在 VS Code 中引入了 Terminal。

终端中禁用右键单击。是否有键盘快捷键可以在 VS Code 中粘贴文本?

visual-studio-code

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

滚动顶部在 Angular2 中无法正常工作

我创建了一个表,其中行被动态填充。我有一个添加按钮,我也可以在其中添加行。在这里,我想在添加行后在底部的表格中显示新添加的行,所以我使用下面的代码是 component.ts。

this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
Run Code Online (Sandbox Code Playgroud)

但上面的代码似乎不能正常工作。问题是,当我添加新行时,滚动并没有完全到达 div 标签的底部,因此看不到新行。

下面是我的 html 代码,我在 div 标签内使用表格,如下所示。

<div style="height:200px;overflow-y:auto">
    <table class="table table-bordered table-hover">
        <thead>
        <tr class="d-flex">
            <th class="col-3">Q.No</th>
            <th class="col-4">Record Answer</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let answer of answerPaper; let i = index" class="d-flex">
            <td class="col-3">answer.no</td>
            <td class="col-4">answer.name</td>
        </tr>
        </tbody>
    </table>
</div>
<button (click)="addrow()">Add Row</button>
Run Code Online (Sandbox Code Playgroud)

下面是component.ts

public addRow(){
    this.answerPaper.push({});
}
Run Code Online (Sandbox Code Playgroud)

我也发布了滚动条的图像。

当我添加新行时,滚动条没有完全移动到 div 底部,因此新添加的行没有完全看到

当我添加新行时,滚动条没有完全移动到 div 底部,因此新添加的行没有完全看到

我是不是哪里出错了?

html javascript angular

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

在 Angular2 底部滚动的 div

对不起,标题不好,我真的不知道如何用几句话写出有意义的东西。

情况是这样的:

在此处输入图片说明

滚动的 div 有这个 css:

.element-list{
  width:100%;
  max-height: 180px;
  overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)

topBar 有一个heightof 20px,主要包装器是 of 200px

在滚动的div里面,在html中,有这样的东西(这对你没用,只是为了让你更好地理解):

<div class="something" *ngFor="let data of myData">
  <div>{{data.id}}</data>
</div>
Run Code Online (Sandbox Code Playgroud)

这很好用,每当我添加一些东西时都会myData反映到 ngFor 中,所以我看到越来越多的<div>{{data.id}}</data>.

我想要实现的是每当有元素触发overflow-y: auto;.

我的意思是:由于我的元素很少(例如,十个元素),滚动条是隐藏的。但是当元素超过十个时,滚动条出现,但并没有到底部。

像这样:

在此处输入图片说明

如您所见,有更多元素。我想要的是 div 会自动滚动到底部。因此,即使添加了某些内容,它也将始终是这样的:

在此处输入图片说明

有没有办法在 Angular 或 scss/css 中做到这一点?

javascript css sass angular

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

使用ko.observable进行多个电子邮件验证

我是durandal应用程序的新手.目前我正在尝试验证来自文本区域的多个电子邮件.

<textarea class="fullWidth" id="AddEmailSeparatedByComma"  rows="3" 
data-bind="value:emailList"></textarea>
Run Code Online (Sandbox Code Playgroud)

我已经用","分隔了多个电子邮件,我正在存储

emailList = ko.observable("").extend({
 email: { message: "Please enter valid email address", params: true } 
});
Run Code Online (Sandbox Code Playgroud)

我已经提供了如上所述的验证消息.目前它只验证一封电子邮件,我不知道如何在这里使用自定义正则表达式来验证由逗号分隔的多个电子邮件.任何帮助都感激不尽.

regex validation email-validation knockout.js durandal

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

选择后如何重置剑道自动完成中的文本

我正在使用带有 angular 4 的 Kendo 自动完成功能,我试图在从弹出窗口中选择值后清除自动完成框中的文本。

<div class="example-wrapper">
  <kendo-autocomplete [data]="listItems" [value]="country" 
  [placeholder]="'e.g. Andorra'" (valueChange)="locationValueChange($event)">
  </kendo-autocomplete>

  <div *ngFor="let location of selectedValues; let i = index;">
                {{location}}
            </div>
</div>




public listItems: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];


     public country: string = "Austria";

     public selectedValues: Array<string[]> = [];


     public locationValueChange(value: any): void {
       this.selectedValues.push(value);
       this.country='';
       console.log(this.country);
    }
Run Code Online (Sandbox Code Playgroud)

即使我将值字段设置为无。它仍然有数据在框中。请提出任何想法来实现这一目标。 Plunker 代码链接

autocomplete kendo-ui kendo-ui-angular2 angular

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

在jquery中获取父div的最佳方法是什么?

我的代码是这样的

<div class="a">
     <div class="b">
          <a class="c" href="#"><span class="d"></span></a>
     </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和js代码是这样的

$(".d").click(function(){
     var aClass =  $(this).parent().parent().parent(); // to get class "a"
});
Run Code Online (Sandbox Code Playgroud)

有没有更好的方法来捕捉班级?

html jquery parent

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

"随机查找"序列生成器

我想不出一个好方法,如果可能的话,我会感激一些帮助!

我担心我没有任何代码可以发布,因为我没有那么远.

我需要从0-999范围内的3个(或可能更多)参数生成一系列值.

对于给定的输入,该值必须始终相同,但在上边界和下边界之间具有公平分布,以便看起来是随机的.

例如:

function (1, 1, 1) = 423

function (1, 1, 2) = 716

function (1, 2, 1) = 112
Run Code Online (Sandbox Code Playgroud)

这些必须合理地快速生成,我的意思是我应该能够在网页加载期间生成100-200而没有明显的延迟.

该方法必须可以在C#中执行,但也可以在JavaScript中执行,否则我可能会使用CRC32或MD5哈希算法.

如果有帮助,这将用作程序生成例程的一部分.

我以前曾经问过这个问题,但我认为我的解释质量很差让我失望.

如果措辞严厉,我道歉.如果是的话,请告诉我,我会尝试进一步解释.

非常感谢您的帮助.

javascript c# procedural-generation

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

Java 文件压缩库

我正在构建一个 Http 服务器。

我的服务器的主要任务是使用大约 50 个缩略图(每个 10kb,jpeg)和一些字符串(大约 150 个字符)响应请求(大多数时候是文本,有时是图像)。

为了减少延迟,我正在考虑将缩略图和文本压缩在一起作为一个文件。

你能给我推荐一个很好的 Java 压缩库,它擅长压缩文本和图像,总大小不超过 1mb?(我猜大小,如果我的主要关注点是因为我的服务器带宽低。但它有一个非常好的硬件,所以压缩速度是次要的)

java compression httpserver

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

从多维列表(python)的子列表中的项目列表

我的问题如下:

我有这个清单:[[1, 2, 3], [4, 5, 6], [7, 8, 9]] 我想得到这个清单:[2, 5, 8]

这是index: 1列表列表中每个子列表的第二个元素().我怎么能用Python做到这一点?

感谢您的时间.

python list multidimensional-array

-6
推荐指数
1
解决办法
504
查看次数