小编Tas*_*sos的帖子

溢出-x隐藏导致响应导航菜单定位问题

问题背景:

我正在使用Jasny Bootstrap来实现响应式的offcanvas"揭示"样式菜单.

问题:

在移动设备上打开菜单时,菜单的滚动元素未启用.

我已将整个应用程序(注入了我的AngularJS视图)包装为div样式overflow-y:hidden,如下所示:

<body ng-app="app">
    <div style="overflow-x:hidden">
        <div ui-view style="height:100%">
            //View is injected here based on routing.
        </div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

这种溢出样式意味着我现在可以在移动设备上滚动菜单但我现在有一个问题在哪里和当菜单滚动到顶部时,有一个间隙显示下面的菜单,如下所示:

在此输入图像描述

页面稍微向下滚动后,响应式导航栏会显示:

在此输入图像描述

代码:

以下是如上所示,这是主视图div根据其路由注入页面:

<body ng-app="app">
    <div style="overflow-x:hidden">
        <div ui-view style="height:100%">
            //View is injected here based on routing.
        </div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

这是包含导航栏元素的应用程序的结果视图:

<div ng-controller="ResultsController" ng-show="hideSearch" style="height:100%">
    <div class="navmenu navmenu-default navmenu-fixed-left" id="updateMenu">
        <div class="text-center headerPad"><h3>Compzee <img src="Images/CompzeeLogoSmall.png" class="logoSize" /></h3></div>
        <div class="col-lg-12 pullInMenu">
            <form ng-submit="search()" novalidate="novalidate">
                <div class="form-group">
                    <label for="search">Search Term:</label>
                    <input type="text" class="form-control" ng-model="item" id="itemUpdate" required> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

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

使用Login调用未定义的函数mysql_query()

当我执行下面的PHP代码时,我得到致命错误,我不知道如何解决它.

谢谢您的帮助

错误

PHP致命错误:未捕获错误:在/Applications/MAMP/htdocs/lprapp/config.php:23中调用未定义函数mysql_query()堆栈跟踪:在/ Applications/MAMP/htdocs/lprapp/config中引发#0 {main}.第23行的PHP

    <?php

    $user = 'root';
    $password = 'root';
    $db = 'inventory';
    $host = 'localhost';
    $port = 8888;

    $link = mysqli_init();
    $success = mysqli_real_connect(
       $link,
       $host,
       $user,
       $password,
       $db,
       $port
    );

    ?>
    <?php
    $username = $_POST['username'];
    $password = $_POST['password'];
    $sql = mysql_query("SELECT * FROM login WHERE username = '".$_POST['username']."' and password = '".md5($_POST['password'])."'");
    $row = mysql_num_rows($sql);
    if($rom > 0 )
    {
      session_start();
      $_SESSION['username'] = $_POST['username'];
      $_SESSION['password'] = $_POST['password'];
      echo "login done"; …
Run Code Online (Sandbox Code Playgroud)

php

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

datepicker获取最大日期的问题

我使用以下代码maxDate从datepicker 获取,但我似乎没有工作.你能发现代码中的任何错误吗?

$('#date_tim').appendDtpicker({
       futureOnly:true,
       autodateOnStart:false,
       minTime:"10:00",
       maxTime:"18:00",
       maxDate : '+3M',
       minDate: 0,
       closeOnSelected: true        
   });
Run Code Online (Sandbox Code Playgroud)

谢谢

jquery date

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

在linux中挂载文件系统是什么意思?

我在某处读到文件系统“挂载”在特定目录上

然后有一个用户空间文件系统的例子说要挂载你必须输入 ./program.py ~/somedir

有人可以解释一下在 linux 中挂载文件系统的想法吗?

linux filesystems mount file

5
推荐指数
3
解决办法
2525
查看次数

聚合物v1.0铁列表项目布局样式

我正在使用为iron-list提供的演示来获取json数据并创建铁列表项.一切都运作良好.

然而,当创建dom-module每个项目的布局样式是不正确的,我怀疑@apply(--layout-horizontal); @apply(--layout-flex); @apply(--layout-vertical);没有被拿起.

如果我直接进入iron-flex-layout.html并复制这些布局的CSS,项目看起来不错

我看了v.1的样式文档,但我看不到任何明显的东西

谢谢

<body unresolved>
  <paper-scroll-header-panel class="fit" condenses keep-condensed-header>
  <paper-toolbar class="tall">
  <paper-icon-button icon="arrow-back"></paper-icon-button>
  <div class="flex"></div>
  <paper-icon-button icon="search"></paper-icon-button>
  <paper-icon-button icon="more-vert"></paper-icon-button>
  <div class="bottom title">iron-list</div>
</paper-toolbar>
<my-request></my-request>
</paper-scroll-header-panel>

<dom-module id="my-request">
<template>
  <iron-ajax auto id="ajaxPost" url="the-url" handle-as="json" last-response="{{data}}" on-respone="handleResponse"></iron-ajax>
  <iron-list items="{{data.items}}" as="item">
  <style>

    iron-list {
      background-color: var(--paper-grey-200, #eee);

    }

    .item {
      @apply(--layout-horizontal);

      margin: 16px 16px 0 16px;
      padding: 20px;

      border-radius: 8px;
      background-color: white;
      border: 1px solid #ddd;
    }

    .pad {
      padding: 0 16px; …
Run Code Online (Sandbox Code Playgroud)

polymer polymer-1.0

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

聚合物v.1全屏纸对话框

我正在将旧的股票应用程序从JQM转换为Polymer v.1,我想知道是否有一种简单的方法可以全屏打开对话框.我检查了文档,也许我错过了一些东西,因为我可以看到任何参考全屏对话框.

原因是当我点击标题上的加号按钮来搜索并添加股票时,我将对话框打开确定

在此输入图像描述

但是,当我搜索时,列表会填充,但对话框不会在页面上进行调整以相应地适合/定位

在此输入图像描述

我有一个解决方法,我可以在打开对话框之前在列表中附加空白纸张项目

for (i = 0; i < 20; i++) { 
$("#stockslist").append('<paper-item></paper-item>');
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

但我更喜欢如果有一个类或正确的CSS我可以添加以使对话框在全屏幕打开,没有填充或边距

谢谢

polymer polymer-1.0

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

标签 统计

polymer ×2

polymer-1.0 ×2

css ×1

date ×1

file ×1

filesystems ×1

html ×1

jquery ×1

linux ×1

mount ×1

php ×1

twitter-bootstrap ×1