小编Luc*_*nte的帖子

固定在chrome mobile上的位置导致元素向上/向下滚动

我正面临这个奇怪的问题,看起来像Chrome手机上的一个错误.

我有一个位置的div:固定; 对齐到屏幕的右上角.在桌面上,它在移动设备上工作正常(它保持原位),然而,当我向上或向下滚动时,div正在移动.我制作了一个视频来更好地解释它:

https://www.youtube.com/watch?v=gCgN6ULkcMg

向上滑动

在向上滚动工作正常

向下滚动

在向下滚动时,一个位置为div的div消失在视口外

我试图在小提琴上隔离问题,但无法重现它.因此,我将整个网站封装在一个小提琴中,问题就此停止了.我还是不明白为什么.

网站隔离在一个小提琴:删除*

直播网站:删除*

此外,我在现场网站上对不同的设备进行了一些测试:

  • Chrome移动版:错误
  • Chrome桌面:工作正常
  • Firefox手机:工作正常
  • Safari mobile:工作正常

有人可以解释我为什么Chrome Mobile有这个问题,而其他人没有?

我的立场:固定div看起来像这样:

div {
  position:fixed;
  top:10px;
  left:0;
  width:100%;
  text-align:right;
}
Run Code Online (Sandbox Code Playgroud)

*删除了链接,因为它是客户的网站.解决方案在下面的答案中.

html mobile scroll google-chrome css-position

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

翻译日期("D FY(H:i)函数php

我是巴西人,有一个wordpress插件使用

" . date("d F Y (H:i)",$date) . "
Run Code Online (Sandbox Code Playgroud)

产出:2013年1月16日(00:54)

但它应该是16 Janeiro 2013(00:54),用葡萄牙语......我怎么能改变它?

PS:我想也许日期是由插件创建者提供的外部文件设置的:p我不确定

php wordpress date

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

加载后转到锚点

想法

我有一个用户手册页面,它有点大,每个主题都有一个锚链接到它

在我的产品页面中,我可以使用锚点将客户端直接链接到手册中的该主题,例如:

手册:

<a href="#manage_options">Managing Options</a>
<!-- Instructions on how to manage options -->
Run Code Online (Sandbox Code Playgroud)

产品页面:

<a href="http://mysite.com/manual/#!/manage_options">How to Manage Options</a>
Run Code Online (Sandbox Code Playgroud)

问题

当我单击产品页面中的"如何管理选项"链接时,它会转到手册并立即转到#manage_options锚点

但它经常停在错误的地方,因为它进入锚点,然后它继续加载图像,改变内容的位置

是否可以等待加载所有内容,然后它会转到锚点,还是针对此问题的任何更好的解决方案?

谢谢!

html anchor loading

11
推荐指数
2
解决办法
6616
查看次数

显示视频的当前时间,而不是videojs上的剩余时间

我使用VideoJS,一个HTML5视频播放器

默认情况下,它显示剩余时间(倒计时)而不是正常当前时间(如youtube)

任何想法如何"修复"它?您可以在他们的官方网站上看到一个实例

time video.js

9
推荐指数
2
解决办法
8884
查看次数

更改浏览器选项卡时,防止元素丢失CSS"焦点"

JSFiddle说明了一切

  • 打开这个小提琴http://jsfiddle.net/NfRN5/
  • 单击输入字段
  • 更改浏览器上的标签
  • 回到小提琴 - 宽度效果将再次运行= /

怎么预防这个?当用户离开然后回来时,使其稳定

input.search-field {
width:100px;
transition: all 1s ease-in-out;
}
input.search-field:focus {
width:300px;
}

<input type="search" class="search-field">
Run Code Online (Sandbox Code Playgroud)

css tabs focus input

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

我添加了这个.htaccess后,PHP方法="post"停止了工作......为什么?

我已添加此.htaccess以从URL中删除文件扩展名,因此改为"index.php",它将始终显示"index".但是在我做完之后,我<form method="post">停止了工作

Options +FollowSymLinks -MultiViews
Options +Indexes
AcceptPathInfo Off
RewriteEngine on
RewriteBase   /

#Force from http to https
RewriteCond %{SERVER_PORT} 80 
RewriteCond %{HTTP_HOST} !^mysite.com$
RewriteRule ^(.*)$ https://mysite.com/$1 [R=301]

#take off index.html
 RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteCond %{REQUEST_URI} ^(.*/)index\.html$ [NC]
RewriteRule . http://www.%{HTTP_HOST}%1 [R=301,NE,L]

## hide .php extension
# To externally redirect /dir/foo.php to /dir/foo
RewriteCond %{THE_REQUEST} ^[A-Z]{3,}\s([^.]+)\.php [NC]
RewriteRule ^ %1 [R,L,NC]

## To internally redirect /dir/foo to /dir/foo.php
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^ %{REQUEST_URI}.php [L]    

## hide …
Run Code Online (Sandbox Code Playgroud)

php apache .htaccess mod-rewrite

5
推荐指数
2
解决办法
4795
查看次数

preg_split没有删除搜索模式

我有一个数千个文本文件要解析,它是一个遵循某种模式的产品目录.

它有两个序列号,其中一个我将整个文本分成一个数组,每个键都是一个产品.

问题是我在preg_split中使用的序列从产品中删除了,我需要它.

这是一个原始产品:

1532.000028-01532.213.00010875-8
TRES ANÉIS, DOIS PENDENTES, DOIS BRINCOS, SENDO UM 
COM 
TARRACHA DE METAL NÃO NOBRE, DE: OURO, OURO BRANCO BAIXO; 
CONTÉM: diamantes, pérola cultivada, pedra, massa; CONSTAM: amassada(s), 
incompleta(s), PESO LOTE: 13,50G (TREZE GRAMAS E CI NQUENTAR$ 901,00
Valor Grama: 66,74
Run Code Online (Sandbox Code Playgroud)

第一个数字是两个连续出版物,它们由于PDF解析器的缺陷而粘在一起.

这是我用来将数组拆分成产品的REGEX:

$texto = preg_split("/([0-9]{4}[.][0-9]{6}[-][0-9]{1})+/",$texto);
Run Code Online (Sandbox Code Playgroud)

输出:

1532.213.00010875-8
TRES ANÉIS, DOIS PENDENTES, DOIS BRINCOS, SENDO UM 
COM 
TARRACHA DE METAL NÃO NOBRE, DE: OURO, OURO BRANCO BAIXO; 
CONTÉM: diamantes, pérola cultivada, pedra, massa; CONSTAM: amassada(s), 
incompleta(s), …
Run Code Online (Sandbox Code Playgroud)

php regex

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

Twitter Bootstrap Carousel:随机化图像顺序

我正在使用Twitter Bootstrap的轮播脚本制作一个标识炫耀旋转木马.徽标应随机排序,每次用户刷新页面时都要随机播放

我在Google上搜索了很多找到了一些解决方案,但没有一个能为我工作,我不知道会发生什么......无论如何:

这是小提琴:http://jsfiddle.net/HGWMy/1/

<div id="carousel-example-generic" 
     class="carousel slide" 
     data-ride="carousel" 
     style="width: 180px; margin: 0 auto">

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <a href="#"><img src="http://i.imgur.com/jSfZIJK.png" alt="Vale"></a>
        </div>
        <div class="item">
            <a href="#"><img src="http://i.imgur.com/z2FyBAt.png" alt="Petrobras"></a>
        </div>
        <div class="item">
            <a href="#"><img src="http://i.imgur.com/mZtv0bA.png" alt="IGAM"></a>
        </div>
        <div class="item">
            <a href="#"><img src="http://i.imgur.com/tqgQxbq.png" alt="Arcelor Mittal"></a>
        </div>
    </div>
</div>

<script>
jQuery(document).ready(function($) {
  $('.carousel').carousel({
    interval: 1000
  })
});
</script>
Run Code Online (Sandbox Code Playgroud)

random shuffle carousel twitter-bootstrap

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