Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/274.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用PHP向下滚动时更改CSS_Javascript_Php - Fatal编程技术网

Javascript 使用PHP向下滚动时更改CSS

Javascript 使用PHP向下滚动时更改CSS,javascript,php,Javascript,Php,如何使用PHP实现这一点:在向下滚动100px时更改DIV的css 这是我在普通Javascript中所做的,但它不适用于PHP <script language='javascript'> var fixed = false; $(document).scroll(function() { if( $(this).scrollTop() >= 100 ) { if( !fixed ) { fixed = true; $('#myD

如何使用PHP实现这一点:在向下滚动100px时更改DIV的css

这是我在普通Javascript中所做的,但它不适用于PHP

<script language='javascript'>
  var fixed = false;

$(document).scroll(function() {
if( $(this).scrollTop() >= 100 ) {
    if( !fixed ) {
        fixed = true;
        $('#myDivTop').css({position:'fixed',top:0});
    }
} else {
    if( fixed ) {
        fixed = false;
        $('#myDivTop').css({position:'static'});
    }
}
});
</script>

var固定=错误;
$(文档)。滚动(函数(){
如果($(this).scrollTop()>=100){
如果(!固定){
固定=正确;
$('#myDivTop').css({position:'fixed',top:0});
}
}否则{
如果(固定){
固定=假;
$('#myDivTop').css({position:'static'});
}
}
});

除非您运行的是JavaScript服务器端环境(如Node.js),否则JavaScript代码将在客户端执行(这就是为什么您可以像在代码片段中那样操作DOM),而PHP则在服务器端执行,允许您与存储在服务器上的数据交互

我觉得您需要从JavaScript调用一些服务器端功能,然后从JavaScript处理结果。在本例中,您需要的是AJAX调用


请尝试获取有关如何工作的更多信息。

Javascript只能与HTML元素交互。如果你想实现这一点,只需在HTML代码中添加你的代码。。。不需要触摸php

实际上,您可以从php编写javascript,如下所示:

<script language='javascript'>
     alert("<?php echo 'Hola amigos'; ?>");

</script>

警报(“”);

您不能在PHP中归档相同的功能,因为它不能对DOM事件做出反应或更新页面(它可以提供数据,但PHP不进行更新)。您可以使用AJAX在页面上调用PHP,而无需重新加载,并且它可以提供您可以使用的数据

但是您可以让PHP生成该代码,并将其作为HTML显示出来。如果您正在寻找该代码,您的代码似乎不需要服务器提供任何信息:

<?php
echo <<<HERE
<script language='javascript'>
  var fixed = false;

$(document).scroll(function() {
if( $(this).scrollTop() >= 100 ) {
    if( !fixed ) {
        fixed = true;
        $('#myDivTop').css({position:'fixed',top:0});
    }
} else {
    if( fixed ) {
        fixed = false;
        $('#myDivTop').css({position:'static'});
    }
}
});
</script>
HERE;
?>


首先,了解PHP的工作原理和JS的工作原理。然后你会发现你的问题很有趣。你的问题毫无意义。你为什么不告诉我们你到底想做什么?这似乎是个x-y问题,不是吗?