小编Fah*_*san的帖子

禁用iPhone网站上的水平滚动

我正在开发一个由Wordpress驱动的网站的iPhone版本,我想知道在Safari for iPhone中打开网站时是否有任何禁用水平滚动的方法.现在,我正处于开发的一半,只是为了检查是否可以禁用水平滚动,我隐藏了任何超出屏幕宽度的元素,但我仍然可以水平向右滚动.我尝试将以下代码放在<style>标签中,<head>但这没有帮助:

body {overflow-x:hidden; }

我已经将以下<meta>代码放在头文件中以回显如果用户正在从iPhone查看网站但它只是禁用用户捏,即你不能通过捏屏来放大和缩小.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Run Code Online (Sandbox Code Playgroud)

我目前正在使用iPhone 4查看网站,可以通过以下链接访问该网站:http://ignoremusic.com.期待你们的解决方案,谢谢.

解决方案:正如@Riskbreaker所建议的那样,有一些元素的宽度超过了~312px,这就是为什么我仍然可以向左滑动,调整所有这些元素的宽度后,我禁用了水平滑动.我学到的一件事是隐藏overflow-x对于iPhone/iPad没有帮助,你必须将所有元素的宽度减小到屏幕宽度的宽度,否则你仍然可以水平滑动.

css iphone mobile-safari horizontal-scrolling ios

Fah*_*san

2013 04-10

18
推荐指数

2
解决办法

4万
查看次数

更改YouTube Video嵌入的背景颜色

我想知道是否有办法改变最初加载嵌入视频时出现的YouTube屏幕的背景颜色(图片附在下面)？目前,它有黑色背景颜色,我想改变为白色; 我尝试添加theme=light到URL,但没有帮助.我还在YouTube嵌入式播放器和播放器参数文档中搜索了此选项,但找不到与此相关的任何内容.这就是我的视频嵌入代码的样子:

<iframe width="770" height="434" src="//www.youtube.com/embed/(video code)?theme=light&modestbranding=1&autohide=1&showinfo=0&controls=0&rel=0&vq=hd1080" frameborder="0" allowfullscreen></iframe>

Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html css youtube background

Fah*_*san

2014 09-12

10
推荐指数

1
解决办法

2万
查看次数

'1'数字出现在wordpress网站的侧边栏下

下午早些时候,我曾要求解决如何在Wordpress的不同类别页面上回应不同侧边栏的问题.现在我面临的问题是在所有类别页面的侧栏下面都会显示一个连续的"1".但是,当我切换回在所有类别页面上只显示一个侧边栏的旧代码时,就不会发生这种情况.这是最初在sidebar.php文件中的代码,它在所有页面上只回显一个侧边栏:

<?php  if ( is_active_sidebar( 'main_sidebar' ) ) :  ?>

     <div id="main_sidebar" class="widget-area">
               <?php dynamic_sidebar( 'main_sidebar' ); ?>
     </div><!-- #first_sidebar .widget-area -->

<?php endif; ?>

Run Code Online (Sandbox Code Playgroud)

这是我在sidebar.php文件中放置的修改后的代码,该文件在不同的类别页面上回显不同的侧边栏:

<?php  if ( is_active_sidebar( "main_sidebar" ) ) :  ?>

     <div id="main_sidebar" class="widget-area">
               <?php
               if ( is_category( '7' )) {
               echo dynamic_sidebar( 'category_fashion' );
               }
               elseif ( is_category( '1' )) {
               echo dynamic_sidebar( 'category_music' );
               }
               elseif ( is_category( '5' )) {
               echo dynamic_sidebar( 'category_tastemakers' );
               }
               elseif ( is_category( '11' )) {
               echo dynamic_sidebar( …

Run Code Online (Sandbox Code Playgroud)

php wordpress function echo categories

Fah*_*san

lucky-day

5
推荐指数

1
解决办法

2534
查看次数

智能手机的媒体查询(横向)

我正在开发一个智能手机友好版本的网站,我在处理智能手机横向的媒体查询时遇到了一些问题.对于纵向方向,我使用以下媒体查询,它的工作非常好:

@media only screen and(max-width:320px){style goes here}

但是当我使用这个媒体查询横向(取自css-tricks.com)时,我为横向方向编写的样式会覆盖我为我的网站桌面版本添加的样式.

@media only screen and(min-width:321px){style goes here}

这只发生在我为横向插入样式时,当我为纵向方向指定样式时不会发生这种情况.

PS我正在iPhone 4上进行测试.

css iphone landscape stylesheet media-queries

Fah*_*san

2016 01-31

4
推荐指数

1
解决办法

4140
查看次数

如何无限循环jQuery画廊

我使用jQuery创建了一个图像幻灯片,其中5个图像在25秒的间隔内一个接一个地出现.每个图像在淡出之前保持5秒,然后下一个图像淡入.
幻灯片显示正常但我希望它永远循环, 即在最后一个图像淡出后,它应该从第一个图像重新开始动画.
我试过用setInterval但不能成功.这是我编写的幻灯片的工作示例:

的jsfiddle

这是完整的代码:

HTML:

<img id="img1" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000.jpg" style="display: block; width: 50%; position: absolute;" />
<img id="img2" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-1.jpg" style="display: block; width: 50%; position: absolute;" />
<img id="img3" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-2.jpg" style="display: block; width: 50%; position: absolute;" />
<img id="img4" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-3.jpg" style="display: block; width: 50%; position: absolute;" />
<img id="img5" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-4.jpg" style="display: block; width: 50%; position: absolute;" />

Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$(document).ready(function(){
    $("#img2,#img3,#img4,#img5").hide();
    setTimeout(function(){
        $("#img1").fadeOut("slow", function () {});
    }, 5000);
    setTimeout(function(){
        $("#img2").fadeIn("slow", …

Run Code Online (Sandbox Code Playgroud)

html javascript jquery slideshow jsfiddle

Fah*_*san

2015 08-20

2
推荐指数

1
解决办法

4947
查看次数

输入字段值,以便在选择不同的下拉菜单选项时进行更改

我正在创建一个订单表单,使用HTML,我需要为'amount'添加一个下拉菜单和一个相应的输入字段,这些字段对于'amount'是只读的.创建订单表单很简单,但现在我想要的是我希望'amount'值根据从'which color'下拉菜单中选择的'color'来改变.假设我们在'which color'下拉菜单中有五个选项,即:

黑色
白色
蓝色
绿色
橙子

<select id="color">
     <option value="Black">Black</option>
     <option value="White">White</option>
     <option value="Blue">Blue</option>
     <option value="Green">Green</option>
     <option value="Orange">Orange</option>
</select>

Run Code Online (Sandbox Code Playgroud)

并且每种颜色都有相应的数量设置,例如:

黑色= 100美元
白色= 200美元
蓝色= 300美元
绿色= 400美元
橙色= 500美元

现在我想要的是,当从下拉列表中选择不同的颜色选项时,我希望'amount'的输入字段显示不同的值.例如,如果选择了颜色"蓝色",则值'$ 300'应显示在金额的只读输入字段中,并且应根据选择的选项继续更改.

我假设这可以使用javascript完成,但由于我对此很新,我发现它有点困难.这是基本形式的样子:

<form action="#" method="post">

  <select id="color">
     <option value="Black">Black</option>
     <option value="White">White</option>
     <option value="Blue">Blue</option>
     <option value="Green">Green</option>
     <option value="Orange">Orange</option>   </select>

  <input name="amount" value="" readonly="readonly" onfocus="this.blur()" />

</form>

Run Code Online (Sandbox Code Playgroud)

期待获得解决方案.谢谢.

html javascript php forms onchange

Fah*_*san

lucky-day

1
推荐指数

1
解决办法

4951
查看次数

无法在PHP代码中使用HTML符号

我已经创建了一个小代码放在<title>我的Wordpress网站的标签内,以根据访问者所在的页面回显某个标题.这是代码:

<title>
    <?php if ( is_page('144')) { bloginfo('name'); } else { wp_title(''); bloginfo('name'); } ?>
</title>

Run Code Online (Sandbox Code Playgroud)

现在我想在页面标题和博客名称之间放置一个空格或竖线(|),在PHP代码中,但我无法这样做.我尝试使用 并|喜欢这样:

<title>
    <?php if ( is_page('144')) { bloginfo('name'); } else { wp_title('');&#124;bloginfo('name'); } ?>
</title>

Run Code Online (Sandbox Code Playgroud)

但它返回一个错误说Parse error: syntax error, unexpected '&'.

我想知道这个问题是否有任何解决方案,期待听到专家的意见,谢谢.

html php wordpress title html-entities

Fah*_*san

2013 04-11

-2
推荐指数

1
解决办法

343
查看次数

标签统计

html ×4

css ×3

php ×3

iphone ×2

javascript ×2

wordpress ×2

background ×1

categories ×1

echo ×1

forms ×1

function ×1

horizontal-scrolling ×1

html-entities ×1

ios ×1

jquery ×1

jsfiddle ×1

landscape ×1

media-queries ×1

mobile-safari ×1

onchange ×1

slideshow ×1

stylesheet ×1

title ×1

youtube ×1

标签 统计

小编Fah_san的帖子

标签统计