Javascript 使用PHP向下滚动时更改CSS
如何使用PHP实现这一点:在向下滚动100px时更改DIV的css 这是我在普通Javascript中所做的,但它不适用于PHPJavascript 使用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
<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问题,不是吗?