小编Joa*_*oan的帖子

我尝试制作一个鼠标滚轮事件脚本,但由于我使用的是Apple Magic Mouse鼠标及其继续滚动功能,因此遇到了一些问题.

我想这样做http://jsfiddle.net/Sg8JQ/(来自jQuery Tools Scrollable with Mousewheel - 滚动一个位置并停止,使用http://brandonaaron.net/code/mousewheel/demos),但我想要一个简短的滚动到框时的动画(如250ms),以及在一个动画中多次滚动时能够通过多个框的能力.(如果我滚动,动画开始滚动到第二个盒子,但如果我再滚动,我想去第三个,如果我滚动两次,到第四,等等)

我首先想到stopPropagation/ preventDefault/ return false;可以"停止"鼠标滚轮速度(和var delta) - 所以我可以计算新滚动事件的数量(可能带有计时器) - 但是没有一个能做到.

想法？

编辑:如果您尝试使用这些鼠标在Google日历中滚动,则会切换多个日历,而不仅仅是一个日历.似乎他们也无法解决这个问题.

编辑2:我想解除绑定鼠标滚轮,并再次将其绑定后可以停止鼠标滚轮监听器(和不听的惯性结束).它没.

编辑3:尝试与日期一起工作(感谢这篇文章),不是最优的,但总比没有好http://jsfiddle.net/eZ6KE/

根据php.net,StackOverflow和其他信任来源,我可以找到4种不同的方式在PDO连接上设置UTF-8,但找不到哪一种更好的选择.

PDO连接代码(以及一些内容):

$localhost = $_SERVER['SERVER_NAME'] == 'localhost';
error_reporting(-1); ini_set('display_errors', $localhost); // Old : error_reporting($localhost ? -1 : 0); see answer above
date_default_timezone_set('Europe/Paris');

$pdo_db = 'mysql:host=localhost;dbname=local_db;charset=utf8'; // METHOD #1
$pdo_login = 'root';
$pdo_pass = 'localpass';

try {
    $db = new PDO($pdo_db, $pdo_login, $pdo_pass, array(
        PDO::ATTR_ERRMODE => $localhost ? PDO::ERRMODE_EXCEPTION : PDO::ERRMODE_SILENT,
        PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8', // METHOD #2
    ));
    $db -> exec('SET NAMES utf8'); // METHOD #3
    $db -> exec('SET CHARACTER SET utf8'); // METHOD #4
    $db -> exec('SET time_zone …

所以我有这个：

.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-wrap: wrap; ? I want this only when the children reach their min-width, to avoid horizontal scrolling */
}

.menu-title {
  flex-shrink: 0;
}

.menu-item {
  flex: 0 1 auto;
  min-width: 10rem;
}

.menu-link {
  padding: 0 1rem;
}


/* Demo purpose */

html,
body {
  margin: 0;
  padding: 0;
}

.menu {
  margin: 2rem;
}

.menu-title {
  margin-right: 1rem;
}

.menu-link {
  display: flex;
  position: relative;
  text-decoration: none;
  align-items: …