小编NLA*_*nda的帖子

防止底层div在iOS Safari中滚动

我有一个div100%的高度,70%的视口高度,和overflow:scroll.

现在我想创建一个覆盖div,哪些触摸设备可以用来滚动整个页面而不是div.

我创建了一个divwith position:absolute和整页高度.如果Android用户拖动它div,整个页面会滚动,就像预期的那样.但是,在iOS7上,底层div是滚动的,就像触摸事件正好通过div.

的jsfiddle

.scrollDiv{
    width:100%;
    height:200px;
    overflow-y:scroll;
    border:solid 1px #f00;
    -webkit-overflow-scrolling: touch;
}
.pageScroller{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:50%;
    background-color: rgba(0,0,0,0.7);
}
Run Code Online (Sandbox Code Playgroud)

如果您使用iOS7并div在滚动页面上拖动div,则滚动div滚动而不是页面.

有人知道解决方案吗?

javascript css jquery mobile-safari ios

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

当IOS浏览器地址导航出现时,JavaScript会检测到

我有两个按钮固定在我的网站底部.在IOS中,这有一些不需要的行为:当用户点击按钮时,"底部浏览器栏"和"地址栏"出现.

有没有办法可以检测这些浏览器栏是"可见"还是"隐藏"?所以我可以调整按钮位置吗?

在状态下,栏杆可见我添加了一些额外的底部marges,因此它们位于底栏的顶部.但我想在酒吧隐藏时调整这个.

我尝试了"onresize",当这个事件显示或隐藏$(窗口)时,此事件会触发.Hight()保持不变.因此,如果屏幕变大或变小,我无法使用此方法进行检测.

有人知道解决方案吗?

在此输入图像描述

javascript css jquery

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

当文本将图像推到图像下方时,按钮100%

这是一个复杂的问题,我甚至不知道CSS是否可行.

我有一个图像,一段文字和两个按钮.当文本较小,并且没有在图像下方生长时,我希望按钮是图像的下一个.但是当文本太大时,它需要继续在图像下方,我希望按钮增长到100%宽度.长话短说,我希望按钮与文本大小相同.

这是小文本的理想结果. 在此输入图像描述

当文本增长时,这是期望的结果 在此输入图像描述

这可能只与CSS有关吗?

我为我当前的设置创建了一个codepen(只有小文本). http://bit.ly/1TwajIf

html css css3

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

CSS,响应,使浮动框堆叠起来

我想创建一个响应式布局,其中有两列,左侧和右侧.在较小的屏幕上,左侧的框必须移动到某些位置.这对我的代码很有用,但问题是在大屏幕上,盒子之间的右侧有一个间隙.

我该如何解决?

这个想法和问题

在此输入图像描述

的jsfiddle

当您查看以下jsfiddle时,您会发现它适用于小屏幕,但问题不会在大屏幕上向上移动.我知道我这样做的方式是错的,但我怎样才能通过CSS获得这个理想的结果呢?

http://jsfiddle.net/7rnum9xk/

.main{
    width:65%;
    height:125px;
    margin-bottom:10px;
    float:left;
}
.small{
    width:35%;
    height:25px;
    float:left;
    margin-bottom:5px;
}

@media screen and (max-width: 692px)   {
    .main, .small{
        width:100%;   
        float:none;
    }    
}
Run Code Online (Sandbox Code Playgroud)

html css css3 responsive-design

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

.Net core 版本控制:文件夹结构/命名空间

我正在尝试弄清楚 .Net core Web Api 2.0 中的版本控制,在看到很多“教程”后我有一些问题。

例如,我有一个包含很多控制器/模型/等的大型 API。

1. 创建新版本的最佳方式是什么?

  • 我见过人们只是将所有控制器放在不同的文件夹/controllers/v1//controllers/v2/等中,模型也放在/models/v1/,models/v2等中。
  • 我已经看到将所有控制器版本放在同一个文件中,并使用属性来指定哪个控制器属于哪个版本。(对我来说,这看起来很混乱,因为你无法追踪哪些有多个版本,哪些没有)。
  • 我见过人们只是将几乎所有内容复制粘贴到新版本控制文件夹中:/v1/controllers, /v1/models/v2/controllers, /v2/models。本质上,这只是将整个代码库克隆到一个新文件夹。(我喜欢这个,因为如果可以删除旧版本,您只需删除整个文件夹即可完成)。

2. 如何处理命名空间的变化?

例如,您有一个文件夹,其中 v1包含所有控制器、模型等。然后您想将所有内容复制到v2新版本。所有这些文件中的所有命名空间仍然包含.v1。如何将它们全部重命名为新的命名空间?

.net c# .net-core asp.net-core-webapi

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

Angular/Ionic 是否在 Google/Apple 的汽车系统中运行?

我们希望构建一个也支持 Android Auto 和 Apple Carplay 的应用程序。我们正在使用 Angular/Ionic,但我无法确定它是否在汽车系统中运行。

有人有这方面的经验或答案吗?

ionic-framework carplay android-auto angular

6
推荐指数
0
解决办法
1296
查看次数

在其他表中选择最低值的最快方法

我有一个索引表,有人可以预订的旅行和一张有这些旅行价格的桌子.

旅行

[tripid] [城市] [省] [国家] [文化] [性质] [评级]

价格

[tripid] [日期] [持续时间] [价格]

问题

当用户搜索时我想显示可用的最低价格.我这样做是为了使用以下查询

SELECT t.*, 
(SELECT MIN(price) FROM prices WHERE tripid = t.tripid) 
FROM trips t;
Run Code Online (Sandbox Code Playgroud)

但这很有效.4000结果为5秒.有没有更快的方法来实现这一目标?

mysql sql

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

哪个表现更好,检查课程或添加课程

如果你有一个在滚动事件上触发的函数,那就更好了.

  1. 检查是否已添加类,如果没有添加
  2. 不要做任何检查,只需在每次需要时添加该类.
$(document).on('scroll', function () {
   var scrollTop = $(this).scrollTop();
   if (scrollTop > 50) {
      if (!$("nav .branding").hasClass("collapse"))
         $("nav .branding").addClass("collapse");
   } else {
      if ($("nav .branding").hasClass("collapse"))
         $("nav .branding").removeClass("collapse");
   }
});
Run Code Online (Sandbox Code Playgroud)

要么

$(document).on('scroll', function () {
   var scrollTop = $(this).scrollTop();
   if (scrollTop > 50) {
      $("nav .branding").addClass("collapse");
   } else {
      $("nav .branding").removeClass("collapse");
   }
});
Run Code Online (Sandbox Code Playgroud)

第一次有一个额外的检查,但在另一个行动中可能(?)是一个更激烈的操作(?)

javascript performance jquery

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

React中的Styled Components,找到对应的组件

对于样式组件来说相当新,我很喜欢它。然而,在构建 React 应用程序时,我当然会在 DOM 中获得很多元素。有时我会看到需要改变的风格。但因为标签是这样的:

<div class="kOs1nAz">content</div>
Run Code Online (Sandbox Code Playgroud)

我很难找到这个标签属于哪个组件。

在组件内调试/查找这些样式的最佳方法是什么?也许有一种方法可以在类名前加上组件名称或类似的名称?

reactjs styled-components

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

C#我可以使用部分类使代码更具可读性吗

因此,例如,我有这个Web Api控制器类AdministratorController,它包含许多任务:

  • 创建
  • 删除
  • 编辑密码
  • 更新资料
  • 得到
  • 得到所有
  • 等等...

现在,所有这些任务都保存在1个文件中AdministratorController.cs。但是带有所有注释和注释的文件相当长。

将这个控制器分成partial class几部分,以使搜索特定功能的开发人员更快地到达目的地,这是个好方法吗?还是滥用partial关键字,例如,我的文件夹结构为:

  • -控制器
  • ?|-管理员
  • ???? | ----- AdministratorCreateController.cs
  • ???? | ----- AdministratorDeleteController.cs
  • ???? | ----- AdministratorEditPasswordController.cs

.net c# .net-core

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