小编Ric*_*hez的帖子

这是我的菜单.

太长了以至于我无法向下滚动并查看其他列表项.

导航栏具有" position: fixed;"属性.

我尝试overflow-y: scroll;在列表中使用" "或尝试从这篇文章中获取属性:可折叠菜单对于移动设备来说太长了 ,这对我的情况没有帮助.

这是我的HTML:

        <div class="list">    
        <h2 id="cat-header"> ALL CATEGORIES</h2>
            <ul class="sports">
                <li> <a href="#" > Baseball </a></li>
                <li> 
                    <a href="#" > Basketball </a>
                    <ul class="sports2">
                        <li><a href="#" class="selected">NBA</a></li>
                        <li><a href="#" class="selected">Euroleague</a></li>
                        <li><a href="#" class="selected">German basketball</a></li>
                    </ul>
                </li>
                <li> <a href="#" > Boxing </a></li>
                <li> <a href="#" > Cricket </a></li>
                <li> <a href="#" > Darts </a></li>
                <li> <a href="#" > Football </a></li>
                <li> <a href="#" > Golf </a></li>
                <li> <a …

我正在建立一个移动响应式网站。我注意到，当使用iPhone滚动页面时，滚动是粘滞且不平滑的，而在android手机上是可以的。

粘滞滚动的原因是什么？我什至无法在浏览器中看到它！请看看我在JSfiddle上的代码。图像不会加载，但是无论如何您都不需要它们（可以看到它们的边界）。我建议您使用320px宽度查看页面，以便所有图标都井井有条。

我正在尝试从 localStorage加载（使用mounted()）和保存（使用该方法）。watch: {...}

我试图保存到本地存储的两个变量是“类别”和“位置”。

我只是由于某种原因无法触发它。我从未使用 vue.js/vuex 这样做过。

我发现的所有示例都data: {}在“常规”组件中使用该对象。在我的示例中，我尝试加载并保存到状态变量。请帮忙。我已经粘贴了整个 vuexcreateStore对象（project/src/store/index.js）：

import { createStore } from 'vuex'

export default createStore({
    state: {
        categories: [ "Food", "Bars", "Parks"],
        locations: [],
    },
    mutations: {
        addCategory(state, newCategory) {
            state.categories.push(newCategory)
        }, 
        removeCategory(state, i) {
            state.categories.splice(i, 1);
        }, 
        saveCategory(state, data) {
            state.categories[data.item] = data.text
        }, 
        addLocation(state, data) {
            state.locations.push(data)
        },
        deleteLocation(state, i) {
            state.locations.splice(i, 1);
        }, 
        saveLocation(state, data) {
            state.locations[data.index].categories = data.item
        },

    },
    watch:{
        categories(newCategories) { …

我正在<input type="text">使用

background: #e3e3e6 url(search.jpg) no-repeat 7px 2px;

在左侧.

我想在文本框的另一侧添加其他图像.(右边).最好的方法是什么？

我有一个看起来像这样的菜单(1个列表项作为示例):

<ul class="dyn makeLink" style="display: block;">
    <li id="licategory_1">
        <a href="/nfl-lines" title="" class="linkItem">
            <strong>NFL</strong>
        </a>
        <span class="expCollPos" >
            <span class="collapsed"></span>
        </span>
        <span class="expCollPos linkItem" >
            <span class="collapsed"></span>
        </span>
        <span class="expCollPos" >
            <span class="collapsed"></span>
        </span>
    </li>


    <li id="licategory_2">
    ... 
    </li>

</ul>

由于一些奇怪的原因,3个跨度(.expCollPos),两个第一个与我无关,我正在尝试使用jQuery删除它们.

我试过用: $('.dyn li span.expCollPos:last-child').css("display", "none");

和其他几个 - 但它只是删除所有.expCollPos类.

难道我做错了什么？

(我得到了一个我必须编辑的代码,它看起来很可怕!javascript函数不清楚,CSS有太多"!important",我无法找到它是什么.)

我试图了解在通过 scss 文件加载字体时如何通过 fontawsome 加载字体：

这是我的 webpack 配置：

const path                      = require('path');
const webpack                   = require('webpack');
const UrlLoader                 = require('url-loader');
const BrowserSyncPlugin         = require('browser-sync-webpack-plugin');
const VueLoaderPlugin           = require('vue-loader/lib/plugin');
const MiniCssExtractPlugin      = require('mini-css-extract-plugin');
const OptimizeCSSAssetsPlugin   = require('optimize-css-assets-webpack-plugin');

publicFolder                    = path.resolve(__dirname, 'public');
// appFolder                        = path.resolve(__dirname, 'app');

module.exports = {

    entry: { 
                // Selects main js file
                main:   './public/es6/index.js'
    },

    output: {
                // Main path for the js folder
                path:       path.resolve(__dirname, 'public/js/'),
                // Select teh name the main js file (after compression) …

如何使用PHP DI加载数据库容器？这是我迄今为止尝试过的变体之一。

设置.php

<?php 
use MyApp\Core\Database;
use MyApp\Models\SystemUser;

return [
    'Database'      => new Database(), 
    'SystemUser'    => new SystemUser()
];

初始化文件

$containerBuilder   = new \DI\ContainerBuilder(); 
$containerBuilder->addDefinitions('Settings.php');
$container          = $containerBuilder->build();

系统用户详细信息.php

<?php 
namespace MyApp\Models\SystemUser;

use MyApp\Core\Database;
use MyApp\Core\Config;
use MyApp\Helpers\Session;


/**
 *
 *  System User Details Class
 *
 */
class SystemUserDetails 
{

/*=================================
=            Variables            =
=================================*/

    private $db;


/*===============================
=            Methods            =
================================*/

    /**
     *
     *  Construct
     *
     */
    public function __construct(Database $db)
    {
        # Get database instance
        // …