我聊天了,我需要将所有内容滚动到底部.我想使用justify-content:flex-end和垂直滚动条.
.session-textchat {
height: 320px;
background: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: column;
flex-direction: column;
}
.session-textchat .past-messages {
width: 100%;
max-width: 980px;
margin: 0 auto;
height: 83.92%;
overflow-y: auto;
padding: 30px 0 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-direction: column;
flex-direction: column;
}
.session-textchat .past-messages .receiver,
.session-textchat .past-messages .sender {
width: 100%;
min-height: 47px;
margin: 0 0 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row; …我想PreferenceScreen用于设置页面,我知道使用EditTextPreferences和使用此文本.但我不知道其他对象,例如:我不知道改变文本颜色ListPreference,或者我不知道显示/隐藏文本CheckBoxPreference.
注意:请不要否定.我在互联网上搜索但找不到合适的主题,所以这是我问的问题.请指导我,而不是给予负面评价!
主要活动代码:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_page);
///--- Setting Options
summary_tv = (TextView) findViewById(R.id.main_summary_text);
preferences = PreferenceManager.getDefaultSharedPreferences(this);
String colors = "";
String main_title_text = preferences.getString("setting_title_text", "main_title");
summary_tv.setText(main_title_text);
Boolean main_title_show = preferences.getBoolean("setting_title_show", true);
偏好活动代码:
public class SettingPage extends PreferenceActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getFragmentManager().beginTransaction().replace(android.R.id.content, new MyPreferenceFragment()).commit();
}
public static class MyPreferenceFragment extends PreferenceFragment
{
@Override
public void onCreate(final Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
addPreferencesFromResource(R.xml.setting_prefrences);
}
} …我目前使用以下查询,由于数据量(约14个月),大约需要8分钟才能返回结果.有没有办法可以加快速度呢？
有问题的数据库是带有InnoDb引擎的MySQL
select
CUSTOMER as CUST,
SUM(IF(PAGE_TYPE = 'C',PAGE_TYPE_COUNT,0)) AS TOTAL_C,
SUM(IF(PAGE_TYPE = 'D',PAGE_TYPE_COUNT,0)) AS TOTAL_D
from
PAGE_HITS
where
EVE_DATE >= '2016-01-01' and EVE_DATE <= '2016-01-05'
and SITE = 'P'
and SITE_SERV like 'serv1X%'
group by
CUST
数据分区为6个月.进入where子句的每一列都被编入索引.有一些相当多的索引,这将是一个很大的列表,在这里列出.因此,只需用文字进行总结.对于该查询,EVE_DATE + PAGE_TYPE_COUNT是复合指标之一&所以是CUST + SITE_SERV + EVE_DATE,EVE_DATE + SITE_SERV,EVE_DATE + SITE,
主键实际上是一个虚拟自动增量编号.它不是老实说.我无法访问解释计划.我会看到我能为此做些什么.
我很感激有任何帮助来改善这个.
我的Wordpress网站被黑了.它将用户重定向到某个垃圾邮件网站.因为我已经清理了网站,问题不再发生了.
问题是,我的访问者仍然被重定向到垃圾邮件网站,直到他们清理缓存或停止重定向并重新加载页面.
我不太确定该怎么做,要解决这个问题.我知道我无法远程删除用户的缓存,但必须有一些方法告诉他们的浏览器,在重定向开始之前网站上有更改.
我已将此代码添加到网站:
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
有任何想法吗？
好吧,标题可能看起来有点奇怪,但这是我的情况.我正在使用PostgreSQL,最新版本.
我有一个名为的架构
schema_ex
我有3个表叫
A B C
表A具有在插入时自动分配的唯一ID(串行)
id
我想插入40条记录
前22
下一个18
41..N ......
到目前为止我的代码是这样的
SET schema 'schema_ex';
DO
$do$
BEGIN
FOR j IN 1..22 LOOP
WITH i1 AS (
INSERT INTO A (col_a, col_b, col_c) VALUES (NULL, '2', j) RETURNING id, col_c
)
, i2 AS (
INSERT INTO C (id, col_c)
SELECT id, col_c FROM i1
)
, i3 AS (
INSERT INTO C (id, col_c)
SELECT id, col_c FROM i1 …为什么另一滚动事件被调用后一个scrollTop动画触发其complete回调？
单击处理程序:
var lock = false;
$('#id').click(function(event) {
var pos;
if (lock) {
return;
}
lock = true;
pos = 150;
console.log("jump start");
$(jQuery.browser.webkit ? "body": "html").animate({ scrollTop: pos }, 150, function () {
lock = false;
console.log("jump end");
});
});
滚动处理程序:
$(window).scroll(function (e) {
console.log("scrolling");
if (!lock){
alert('1');
}
});
日志:
jump start
scrolling
jump end
scrolling
我正在两篇论文之间实现拖放.但是由于我的html体内有两篇论文,因此我被困在拖动元素与光标位置的偏移同步中.我对css的经验很少,可能导致定位问题元素.
使用案例: -
用户点击纸张2中的元素并开始拖动并转到纸张1.在指针向上,将该元素的克隆添加到纸张1上的光标位置1.
我的处理方法是: -
当用户点击mousedown时
1.动态创建一个div
2.创建第三篇论文,在新div中称之为"flypaper"制作要克隆的元素的副本,并将其添加到"flypaper"中
3.创建一个mousemove监听器,用鼠标移动包含"flypaper"的div
4.添加一个mouseup事件,当用户释放按钮时,该事件将元素的克隆添加到"paper2".
5.清理"flypaper"div和事件.
<body>
<div id="paper" class="paper" style="border-style: solid;border-width: 5px;width:600px"></div>
<div id="paper2" class="paper" style="border-style: solid;border-width: 5px;width:600px;display:inline-block" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<script>
var graph = new joint.dia.Graph;
var paper = new joint.dia.Paper({
el: $('#paper'),
width: 600,
height: 200,
model: graph,
gridSize: 1
});
var rect = new joint.shapes.basic.Rect({
position: { x: 100, y: 30 },
size: { width: 100, height: 30 },
attrs: { rect: { fill: 'blue' }, text: { text: 'my box', …我有一个带有堆叠图像的Bootstrap部分,问题是我希望第二列和第三列始终与第一列具有相同的高度.我似乎找不到第二和第三列的解决方案,因为当我改变到不同的视图大小时,它们保持高度波动.让它们始终与底部和顶部对齐是理想的.
.gallery {
min-height: 980px;
}
.gallery .row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}<div class="container-fluid gallery">
<div class="row">
<div class="col-sm-5">
<a href="#"><img src="http://lorempixel.com/528/980/technics" class="img-responsive"></a>
</div>
<div class="col-sm-4">
<a href="#"><img src="http://lorempixel.com/409/490/technics" class="img-responsive"></a>
<a href="#"><img src="http://lorempixel.com/409/490/technics" class="img-responsive"></a>
</div>
<div class="col-sm-3">
<a href="#"><img src="http://lorempixel.com/324/327/technics" class="img-responsive"></a>
<a href="#"><img src="http://lorempixel.com/324/327/technics" class="img-responsive"></a>
<a href="#"><img src="http://lorempixel.com/324/327/technics" class="img-responsive"></a>
</div>
</div>
</div>这是Bootply:http://www.bootply.com/mb2Ez6G7r8
我正在使用已建立的方法通过设置相对来保持元素的比率padding-bottom.
相对垂直边距和填充相对于包含块的宽度,宽度本身也是如此.
在这种情况下,宽度显然是填充边缘之一,因此包括填充.100%绝对孩子将覆盖父母的填充.
.outer {
border: 1px solid gray;
width: 60px;
height: 60px;
padding: 5px;
position: relative;
}
.inner {
position: absolute;
top: 0;
height: 0;
padding-bottom: 100%;
left: 0;
width: 100%;
background-color: lightgreen
}<div class="outer">
<div class="inner">
</div>
</div>代码应该是.inner60 x60px²,对吗？
不应该有在分配差异height: 100%或padding-bottom: 100%孩子,对不对？
这是Firefox中的情况,但不是Chrome中的情况.这是怎么回事？
显然Chrome(和Safari)正在考虑包含框的填充,但它不应该考虑.
还是我弄错了？
我想覆盖子元素中的父 css。我想在父元素下划线，而不是在子元素下划线。
.parent {
text-decoration: underline;
color: red;
}
.child {
color: green;
text-decoration: none !important;
}
.sub-child {
color: green;
text-decoration: none !important;
}<div class="parent">Inside parent
<div class="child">Inside first child
<div class="sub-child">Inside 1st child of 1st child
</div>
</div>
<div class="child">Inside 2nd child
<div class="sub-child">Inside 1st child of 2nd child</div>
<div class="sub-child">Inside 2nd child of 2nd child</div>
</div>
<div class="child">
Inside 3rd child
<div class="sub-child">Insde 1st child of 3rd child</div>
</div>
</div>