Jquery 手机顶部的固定div

我有一个函数，可以将我的.page标题粘贴在顶部

我想让它只在590px的宽度下工作，但我似乎有双重条件的麻烦

当我添加宽度条件时，它停止工作

$(document).ready(function() {
$(window).scroll(function() {
   var scrollVal = $(this).scrollTop();
    if (scrollVal > 60) && $(window).width()  < 590) {
        $('.page-title').css({'position':'fixed','top' :'0px'});         
    } else {
        $('.page-title').css({'position':'static','top':'60'});
        $('.nav').css({'display':'none'});

    }
  });
});

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var scrollVal=$（this.scrollTop（）；
如果（scrollVal>60）&&&$（window.width（）<590）{
$（'.page title'）.css（{'position'：'fixed'，'top'：'0px'}）；
}否则{
$（'.page title'）.css（{'position'：'static'，'top'：'60'}）；
$（'.nav'）.css（{'display'：'none'}）；
}
});
});

---

如果你的陈述是错误的，非常感谢

if (scrollVal > 60) && $(window).width()  < 590) {

if（scrollVal>60）&&&$（window.width（）<590）{

应该是

if (scrollVal > 60 && $(window).width()  < 590) {

if（scrollVal>60&&$（window.width（）<590）{

或

if（（scrollVal>60）和（$（window.width（）<590））{

您应该使用CSS媒体查询而不是JavaScript来执行类似操作。它们更可靠。您可以使用CSS媒体查询来执行scrollVal语句吗？

if ((scrollVal > 60) && ($(window).width()  < 590)) {