jQuery-在某一点改变导航栏的颜色

时间:2015-12-26 06:29:01

标签: javascript jquery html css

我目前在每个网页上都有这个工作,除了我的关于我们的#39;页。 基本上,我使用了变量:

<div class="spacer"></div>
<p id="startchange">

链接到JQuery以启动颜色更改/用另一个替换图像。目前这些属性都没有改变,但是在其他页面上它们工作得很好:因为使用路标点sticky nav bar变小了。我在我的代码中很早就使用了这些变量(就在标题下面)。

似乎无论我把它放在哪里,它们似乎都没有执行,我不确定为什么。

jQuery的:

    <script>

    $(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#startchange');
   var offset = startchange.offset();
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $('#navbar').css('background-color', '#f0f0f0');
          $("#navbar img").attr("src", "images/logo-grey-real.jpg");
       } else {
          $('#navbar').css('background-color', '#fff');
          $("#navbar img").attr("src", "images/logo.jpg");
       }
   });
});

    </script>

1 个答案:

答案 0 :(得分:1)

我做了JSFiddle:)

HTML:

if ($request->has('gallery_id') && intval($request->input('gallery_id'))>0){      
  $gallery = Gallery::find($request->input('gallery_id'));//get the gallery_id
  if ($gallery){
     $image = $gallery->images()->create([
           'gallery_id'=>$request->input('gallery_id'),
           'file_name'=>$filename,
           'file_size'=>$file->getClientSize(),
           'file_mime'=>$file->getClientMimeType(),
           'file_path'=>'gallery/images/' . $filename,
           'created_by'=>1,
           ]);
  } else {
    return Response::make('no gallery found with this $request->input('gallery_id') gallery_id',404);
  }
} else {
  return Response::make('invalid gallery_id as input',400);
}

Jquery:

$image = Image::create([
           'gallery_id'=>$request->input('gallery_id'),
           'file_name'=>$filename,
           'file_size'=>$file->getClientSize(),
           'file_mime'=>$file->getClientMimeType(),
           'file_path'=>'gallery/images/' . $filename,
           'created_by'=>1,
           ]);