小编eyl*_*lay的帖子

有人可以帮助我,我正在搜索css/html代码示例:

我有一个网页,其中有3个按钮(顶部,中间,底部),每个按钮指定在我的页面上的1 div部分,让我说我的第一个div部分位于该页面的中间div id='middle'.

如果我单击此按钮(中间),我的页面将自动从页面顶部向下滚动到该div #middle部分.

同样的其他按钮指的是div id='top'和divid='bottom'

谢谢你!我真的无法在互联网上找到任何解决方案.

有没有办法将我的按钮列表保持在一个固定位置,以便在移动部分时保持在屏幕上？

如下图所示,当我点击铃铛图标时,图标右下方会出现一个下拉菜单.我希望此下拉菜单显示在左下角而不是右下角.我该怎么办？

如果你想看我的代码,那就写着php:

function navigation(){
    $output = "";
    $icons = ["user","bell","envelope","commenting"];
    $rows = [2,5,5,5];
    for ($i=0; $i < count($icons) ; $i++) {
      $output .= '<div class="dropdown">';
      $output .= '<a class="nav-item nav-link" data-toggle="dropdown">';
      $output .= '<i class="fa fa-'.$icons[$i].'"></i></a>';
      $output .= '<div class="dropdown-menu text-right">';
      for ($j=0; $j < $rows[$i] ; $j++) {
        $output .= '<a href="#" class="dropdown-item">'.($j+1).'</a>';
      }
      $output .= '</div>';
      $output .= '</div>';
    }
    return $output;
  }

然后,此输出将在html文件中回显:

<nav class="navbar">
  <div class="container">
    <div class="navbar-nav d-flex flex-row">
      <?= navigation() ?>
    </div> …

我用这个css代码在jquery-mobile中看到滚动条:

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color:#CE0003;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: grey;
}

当我用手机打开页面时,滚动条可见,但在其上滑动,不起作用(它不会滚动页面).我该如何解决这个问题？
你可以在这个小提琴中看到它1

更新:
如果您认为不可能这样做,那么使用jquery还有另一种方法.
在此ffidle 2,你可以看到一个功能已被写入检测向下滑动,并且向上轻扫在一个div.现在它只需要一个滚动页面的功能.

我有一个用户输入他的工作车间代码的输入，工作车间代码必须是 10 位数字。所以在我的验证中，我有：

$apply_data = $request->validate([
   'workshop_name' => 'required|string',
   'workshop_code' => 'required|string|digits:10',
]);

现在当用户输入 1231231231 就可以了。但如果用户输入?????????? （10 个阿拉伯数字而不是英文数字）Laravel 将返回以下错误

工作车间代码必须是 10 位数字

我猜 laravel 正在使用strlen而不是mb_strlen，因为车间实际上是 10 位数字。

我怎样才能解决这个问题？

更新 Laravel 实际上使用的是 strlen 而不是 mb_strlen https://github.com/laravel/framework/blob/41ea7cc3bb898ff86505d3798d8acbb8992a0aad/src/Illuminate/Validation/Concerns/ValidatesAttributes.php#L414

我试图在jquery mobile中的一个面板上放置一个固定的页脚.我尝试了几件事但似乎没什么用.尝试使用数据角色页脚的div,但移动到主页面.然后我创建了另一个页脚div并给它一些css样式,但是将页脚推到面板的底部而不是窗口的底部.我能想到的一个解决方案是滚动事件,它重新计算滚动页脚的高度,但这会给页脚带来非常不稳定的外观.

这是一个包含两个页脚的示例jsfiddle.

HTML:

<div data-role="page" id="myPage1">
<div data-role="header">
     <h1>Page 1 header</h1>
       <a href="#mypanel" class="ui-btn-right" data-icon="gear">Open Panel</a>
</div>
<div data-role="content">
     <h1>Page 1</h1>
     Hi This is the content
</div>
<div data-role="footer">
     <h1>Page 1 Footer</h1>

</div>
<div id="mypanel" data-role="panel" data-position="right" data-display="push" 
data-theme="d" data-swipe-close="true">
    <div id="panelfooter" data-theme="d" data-role="footer"
 data-position="fixed">Footer</div>
    <div id="panelFooter">Footers</div>
    <div data-role="content">hello I am a panel
        <ul>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
            <li>Hi</li>
        </ul>
    </div>
  </div>
</div>

CSS:

#panelFooter {
  position:fixed;
  left:0px;
  bottom:0px;
  height:30px;
  width:100%; …

第一个div是一个类别,第二个div包含一些照片.

我想做一些事情,当用户点击图像时,第一个div将屏幕宽度的0.7移动到右边,第二个div中的所有图像都消失了,所以我写道:

$(document).ready(function() {
  $("img").click(function() {
    var my_width = screen.width * 0.7;
    $(".second_div").find("img").hide();
    $(".first_div").css({
      "transform": "translate(" + my_width + "px,0px)",
      "-webkit-transform": "translate(" + my_width + "px,0px)",
      "-ms-transform": "translate(" + my_width + ",0px)"
    });
  });
});

.first_div {
  transition-duration: 2s;
}

<div class="first_div col-md-1">
  //some code
</div>
<div class="second_div col-md-11>
           //some codes
</div>

当它的全屏工作正常时,但是当我调整窗口大小并再次尝试时,第一个div将不会位于它应该的位置(屏幕宽度为0.7)出了什么问题？

我想要一种不同类型的幻灯片。我尝试了引导轮播和许多其他幻灯片放映，但它们只包含一张图片，我的问题是我想要多张照片。

有没有任何幻灯片或任何想法可以导致这样的幻灯片放映？谢谢。

如何给边框加上阴影？

CSS代码：

p{
  border-right:2px solid black;
  line-height:4em
}

现在可以给这个边界加阴影了吗？

我用来php artisan生成控制器：

php artisan make:controller TestController --resource

我总是删除评论，因为我不喜欢它们，但每次我生成文件时，我都会删除评论，我对此感到厌倦。

有没有办法生成没有注释的文件？

当用户在 laravel 中提交表单时，我尝试发送电子邮件。所以在我的控制器中我有：

Mail::to($request->to)->send(new \App\Mail\ShareEbol());

在我的课堂上ShareEBOL，在构建方法中我有：

public function build()
{
    return $this->markdown('panel.reports.ebol');
}

在我的ebol.blade.php文件中我有：

@extends('layouts.app')

@section('content')

    <h2 class="my-custom-header"> Hello World </h2>
    <p class="my-custom-paragraph"> some text... </p>

@endsection

在我的layouts.app刀片文件中，我附加了一些样式表：

<link href="{{asset('assets/css/custom.css')}}" rel="stylesheet" type="text/css" />

电子邮件已成功发送，但问题是我包含的 css 样式custom.css未应用于电子邮件中。我怎样才能解决这个问题？